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

Input: Cannot select all(ctrl+A) for 'input' in Firefox #1951

Closed
rkl1994 opened this issue Jul 14, 2020 · 1 comment · Fixed by #1954
Closed

Input: Cannot select all(ctrl+A) for 'input' in Firefox #1951

rkl1994 opened this issue Jul 14, 2020 · 1 comment · Fixed by #1954
Assignees

Comments

@rkl1994
Copy link

rkl1994 commented Jul 14, 2020

Describe the bug
Input fields cannot be selected by no matter ctrl+a or 'right click then select all' in Firefox, but in Chrome and Safari, everything works fine.
Screen Shot 2020-07-14 at 4 05 05 PM

Isolated Example
*Please provide an isolated example if possible by forking
https://codesandbox.io/s/bold-feather-kcc1g?file=/src/App.js

To Reproduce
Steps to reproduce the behavior:

  1. Go to codesand box
  2. Type any words in input fields
  3. Press ctrl+a
  4. cannot select

Expected behavior
Text in input fields should be selected

UI5 Web Components for React Information
@ui5/webcomponents version:1.0.0-rc.7
@ui5/webcomponents-react version:0.10.0-rc.2
Operating System:
Browser: FireFox Version 78.0.1

@MarcusNotheis MarcusNotheis transferred this issue from SAP/ui5-webcomponents-react Jul 14, 2020
@ilhan007 ilhan007 self-assigned this Jul 15, 2020
ilhan007 added a commit that referenced this issue Jul 15, 2020
The selection color and bg-color variables used to be wrong. In Chrome and Safari these values fallback to their defaults and the bug is more difficult to be seen, but in FF the color and bg color become unset, and you cant see any selection with ctr+a or cmd+a.

Fixes: #1951
@ilhan007
Copy link
Member

It is not that that the text can't be selected, the selection background color and color are not set properly. We used to set wrong CSS Variables, but In Chrome and Safari these values fallback to the defaults, whereas in FF, they become unset and there is no visual response when you press CTR+A or CMD+A.

Fix has been merged, but you have to wait for 1/2 weeks to be released in npm.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants