Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Conversation

@cnairi
Copy link
Contributor

@cnairi cnairi commented Oct 16, 2025

DESCRIPTION

HOW TO TEST

Go to https://wui-208-input-text.preview.welcome-ui.com/components/input-text
or start your project locally

SCREENSHOTS / SCREEN RECORDINGS

Capture d’écran 2025-10-16 à 10 58 03

COMPATIBILITY

  • Tested on Safari (desktop)
  • Tested on Chrome (desktop)
  • Tested on Firefox (desktop)
  • Tested on mobile device sizes
  • Tested on tablet device sizes
  • Tested on IOS Safari (either device or simulator)

QA

  • Thoroughly tested in local environment
  • Added tests for all new features
  • Added tests that considered edge cases

@linear
Copy link

linear bot commented Oct 16, 2025

WUI-208 Input Text

@github-actions
Copy link

👀 Visit Preview

@github-actions github-actions bot added the wip label Oct 16, 2025
@cnairi cnairi changed the base branch from main to chore-belonging October 16, 2025 05:20
@cnairi cnairi changed the title Wui 208 input text chore(InputText): migrate InputText component to belonging Oct 16, 2025
@cnairi cnairi marked this pull request as ready for review October 16, 2025 09:01
@cnairi cnairi requested a review from a team as a code owner October 16, 2025 09:01
@github-actions github-actions bot added to-review and removed wip labels Oct 16, 2025
Copy link
Contributor

@theo-mesnil theo-mesnil left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Need rebase and i think you have an issue on disabled, you have an hover on it and i think is not what we want

inputProps.disabled && 'disabled'
)}
>
{React.cloneElement(icon, { ...icon.props, size: iconSize })}
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Maybe this can work ?

Suggested change
{React.cloneElement(icon, { ...icon.props, size: iconSize })}
<Icon size={iconSize} />

Copy link
Contributor Author

@cnairi cnairi Oct 17, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I thought it was working and then my tests broke

It's due to the weird implem of the PasswordInput:

  <InputText
        {...rest}
        icon={
          <ToggleButton
            aria-label={toggleAriaLabel ?? (isHidden ? 'Show password' : 'Hide password')}
            data-testid={dataTestId}
            isHidden={isHidden}
            onClick={handleToggle}
          />
        }
        iconPlacement="right"
        ref={ref}
        type={type}
      />

See, the icon is a component 🤯

I will handle that in my next component PR, as I have the PasswordInput assigned to me

@cnairi cnairi force-pushed the wui-208-input-text branch from 202a93c to 4f08526 Compare October 17, 2025 14:13
@cnairi cnairi requested a review from theo-mesnil October 17, 2025 14:26
@cnairi cnairi merged commit 8c3c035 into chore-belonging Oct 19, 2025
9 checks passed
@cnairi cnairi deleted the wui-208-input-text branch October 19, 2025 13:46
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants