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.

Sign up for GitHub

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

Jump to bottom

[Bug Report] El-Input with clearable attribute had text need click twice to open keyboard on iOS Safari #5210

Open
st9140626 opened this issue Jan 7, 2022 · 6 comments · May be fixed by #16393
Open

[Bug Report] El-Input with clearable attribute had text need click twice to open keyboard on iOS Safari #5210

st9140626 opened this issue Jan 7, 2022 · 6 comments · May be fixed by #16393
Labels
Component::Input Env::Browser inactive Issue::Investigating pr welcome

Comments

@st9140626
Copy link

Element Plus version

1.3.0-beta.1

OS/Browsers version

OS X 10.15.6 / Safari 15

Vue version

3.2.26

Reproduction Link

https://jsfiddle.net/st9140626/kg986fns/4/

Steps to reproduce

When el-input with clearable attribute had inserted text, I need click twice to open input keyboard on iOS Safari.

What is Expected?

When I touch the input, it will be auto focus and open the keyboard on iOS Safari.

What is actually happening?

I need to click twice for each input with clearable attribute on iOS Safari.
@wxxcarl
Copy link

wxxcarl commented Aug 11, 2023

I had the same problem with el-select

@Red-Asuka
Copy link

Any updates? This issue still exists at the moment.

@raphaelbernhart
Copy link

@btea The issue is still persisting. Is there any update on how to fix it?

We are currently thinking about a fork of the code to fix the bug with a custom-solution until it is resolved.

@btea btea removed the inactive label Apr 3, 2024
@btea
Copy link
Collaborator

btea commented Apr 3, 2024

@raphaelbernhart Sorry, I don't have the relevant equipment environment locally. If you have ideas to solve this issue, please submit a PR. Thank you!

@btea btea added the pr welcome label Apr 3, 2024
raphaelbernhart pushed a commit to raphaelbernhart/element-plus that referenced this issue Apr 4, 2024
@rb-clubdrei
fix(components): fix iOS select click event listening
b74aeea 
iOS Safari does not handle click events when a mouseenter event is registered and a DOM-change
happens in a child. We use a Vue custom event binding to only register the event on non-iOS devices.
The inputHovering state gets updated now on iOS-devices on click. This is needed as the mouseenter
event normally does this.

closed element-plus#5210
raphaelbernhart added a commit to raphaelbernhart/element-plus that referenced this issue Apr 4, 2024
@raphaelbernhart
fix(components): fix iOS select click event listening
d5a0ed6 
iOS Safari does not handle click events when a mouseenter event is registered and a DOM-change
happens in a child. We use a Vue custom event binding to only register the event on non-iOS devices.
The inputHovering state gets updated now on iOS-devices on click. This is needed as the mouseenter
event normally does this.

closed element-plus#5210
@raphaelbernhart raphaelbernhart linked a pull request Apr 4, 2024 that will close this issue
Open
@raphaelbernhart
Copy link

@btea Here is the corresponding PR.

How long does the review and merging process normally take? We need this change next week at the latest.

Thanks for your work and support :)

@btea
Copy link
Collaborator

btea commented Apr 4, 2024

@raphaelbernhart Thank you for submitting the PR.

However, everyone has been busy with work recently, so the review and release process may not be that fast!

If you need it urgently, you can temporarily create a patch file to solve the problem and remove it after the new version is released.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
Component::Input Env::Browser inactive Issue::Investigating pr welcome
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

fix(components): fix iOS select click event listening raphaelbernhart/element-plus
6 participants
@wxxcarl @st9140626 @btea @emojiiii @Red-Asuka @raphaelbernhart