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

[Bug]: Shift Key causes input box to cancel and loose focus #1101

Open
1 task done
placidic opened this issue Aug 9, 2024 · 2 comments
Open
1 task done

[Bug]: Shift Key causes input box to cancel and loose focus #1101

placidic opened this issue Aug 9, 2024 · 2 comments
Assignees
Labels
Javascript Frontend Pull requests that update Javascript code

Comments

@placidic
Copy link

placidic commented Aug 9, 2024

Is there an existing issue for this?

  • I have searched the existing issues

Current Behavior

When editing an applicaion: When I interact with a input box, like when trying to rename a component, or typing in an initial value of a temporary state:

If i try to use a capital letter by holding the Shift Key (Right or Left), the shift key causes the input box to discard any changes and loose focus of the input.

This prevents any lables, or text, that uses Shift (Like special characters too)

Expected Behavior

Shift allows using characters that are capital or special characters within text boxes

Steps to reproduce

  1. Create an App
  2. Add a Temporary State
  3. Try to set the value of the temporary state to : "I'mData" using the shift key to Capitalize
  4. Try to rename a component with Capital Letters

Environment

lowcoder cloud 2.4.5
lowcoder self hosted 2.4.5

Additional Information

No response

@raheeliftikhar5 raheeliftikhar5 self-assigned this Aug 12, 2024
@sonuame
Copy link

sonuame commented Sep 2, 2024

happening with me too.
It happens only on "Temporary State"
Not able to rename the state name, or value. The moment you press "shift", it looses focus from the box

@sonuame
Copy link

sonuame commented Sep 2, 2024

I made this script to remove all key press events

try { getEventListeners(document)['keypress'].forEach(e => { document.removeEventListener('keypress', e.listener, e.useCapture);}); } catch {}

try { getEventListeners(document)['keydown'].forEach(e => { document.removeEventListener('keydown', e.listener, e.useCapture);}); } catch {}

try { getEventListeners(document)['keyup'].forEach(e => { document.removeEventListener('keyup', e.listener, e.useCapture);}); } catch {}

Just run this multiple times (2-3 times) on developer window console.

@adnanqaops adnanqaops added the Javascript Frontend Pull requests that update Javascript code label Sep 9, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Javascript Frontend Pull requests that update Javascript code
Projects
Status: 🆕 New
Development

No branches or pull requests

4 participants