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

. Dot symbol is appended with the text in input component #11345

Closed
james-tiqk opened this issue May 12, 2018 · 12 comments
Closed

. Dot symbol is appended with the text in input component #11345

james-tiqk opened this issue May 12, 2018 · 12 comments
Labels
component: text field This is the name of the generic UI component, not the React module! status: expected behavior Does not imply the behavior is intended. Just that we know about it and can't work around it

Comments

@james-tiqk
Copy link

james-tiqk commented May 12, 2018

Expected Behavior

When typing spaces in input field, it will displayed as normal spaces.

Current Behavior

if the input field has some values already, adding spaces at the end, by typing 2 spaces in a row, will becoming a pending dot . at the end of field's value.

Steps to Reproduce (for bugs)

sample codes here
https://codesandbox.io/s/mqyloo535j

and this also happened on offical site

  1. typing 2 spaces at the end of the input field, after the value Hello World.

  2. a dot . is appending to the end of input field value.

Your Environment

Latest Mac OS desktop,
Latest Chrome browser
Latest Safari without extensions

all can reproduce this issue

also did a screen recording here

https://www.dropbox.com/s/kyjlxxll8c8rca8/Untitled-2.mov?dl=0

@oliviertassinari oliviertassinari added the status: waiting for author Issue with insufficient information label May 12, 2018
@oliviertassinari
Copy link
Member

Your issue has been closed because it does not conform to our issue requirements.
Please provide a full reproduction test case. This would help a lot 👷 .
A live example would be perfect. This codesandbox.io template may be a good starting point. Thank you!

@james-tiqk
Copy link
Author

https://codesandbox.io/s/mqyloo535j

how to reproduce:

typing 2 spaces at the end of the input field, keep the value Hello World in.

a dot . is appending to the end of input field value.

@oliviertassinari

@olee
Copy link
Contributor

olee commented May 12, 2018

Are you perhaps testing on mobile?
Because then it's probably your phone's keyboard that does this.

@oliviertassinari
Copy link
Member

@james-tiqk Please, update the issue description to follow our issue template. I can't reproduce your problem. Make sure it doesn't happen with a native input. It could be an issue with your browser or keyboard or an extension.

@james-tiqk
Copy link
Author

@olee @oliviertassinari updated, hopefully this time it's clear. I'm using desktop browser, latest version and latest OS

@oliviertassinari
Copy link
Member

🤔

@mbrookes
Copy link
Member

Also happens on a native input: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/text

I even managed to get it to happen in the Chrome URL bar, so it seems to be an MacOS "feature".

@mbrookes mbrookes added out of scope The problem looks valid but we won't fix it (maybe we will revisit it in the future) and removed status: waiting for author Issue with insufficient information labels May 12, 2018
@mbrookes
Copy link
Member

We need a "cantfix" label. 😄

@james-tiqk
Copy link
Author

@mbrookes I'm not sure not I cannot reproduce it in native input or Chrome URL bar

@mbrookes
Copy link
Member

mbrookes commented May 12, 2018

Ok, I must have imagined it then! 😜

(I'm guessing you forgot to enter some text first?)

@james-tiqk
Copy link
Author

@mbrookes I did, somehow I cannot reproduce it :D

@mbrookes
Copy link
Member

mbrookes commented May 12, 2018

Typing double-space:
kapture 2018-05-12 at 19 26 25
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/text

@oliviertassinari oliviertassinari added the component: text field This is the name of the generic UI component, not the React module! label May 12, 2018
@oliviertassinari oliviertassinari added status: expected behavior Does not imply the behavior is intended. Just that we know about it and can't work around it and removed out of scope The problem looks valid but we won't fix it (maybe we will revisit it in the future) labels Sep 2, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component: text field This is the name of the generic UI component, not the React module! status: expected behavior Does not imply the behavior is intended. Just that we know about it and can't work around it
Projects
None yet
Development

No branches or pull requests

4 participants