Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

EditableChipInput: text inside fluctuates on changing focus. #918

Closed
satyamyadav opened this issue Oct 16, 2021 · 2 comments
Closed

EditableChipInput: text inside fluctuates on changing focus. #918

satyamyadav opened this issue Oct 16, 2021 · 2 comments
Assignees
Labels
bug Something isn't working good first issue Good for newcomers hacktoberfest https://hacktoberfest.digitalocean.com hacktoberfest-accepted help wanted Extra attention is needed

Comments

@satyamyadav
Copy link
Collaborator

Description

When we click into the input it gets focussed properly but the placeholder text shifts its position to bottom left.

Steps to reproduce

  1. Open the example of component (story) https://innovaccer.github.io/design-system/?path=/docs/components-editablechipinput-all--all
  2. Click into the input box to start typing.
  3. Press check or cancel button.
  4. Repeat steps 2 and 3 till you identify it.

Expected result

The placeholder should not move its position irrespective of the state of the component.

Actual result

The placeholder text shifted bottom left.

Screen.Recording.2021-10-16.at.10.31.17.PM.mov
@satyamyadav satyamyadav added bug Something isn't working good first issue Good for newcomers hacktoberfest https://hacktoberfest.digitalocean.com hacktoberfest-accepted help wanted Extra attention is needed labels Oct 16, 2021
@heytulsiprasad
Copy link

Hey @satyamyadav, just came across MDS and ought to say it's really amazing.

I can take a look at this issue, probably it's to do with CSS, as I'm new to TypeScript I might need some help perusing through the code. :)

@innosatyam
Copy link
Collaborator

Closing due to inactivity.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working good first issue Good for newcomers hacktoberfest https://hacktoberfest.digitalocean.com hacktoberfest-accepted help wanted Extra attention is needed
Projects
None yet
Development

No branches or pull requests

3 participants