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: Cannot lose focus on ios safari while touching. #1737

Closed
gylove1994 opened this issue Apr 5, 2023 · 3 comments
Closed

bug: Cannot lose focus on ios safari while touching. #1737

gylove1994 opened this issue Apr 5, 2023 · 3 comments
Assignees
@saadeghi

Comments

@gylove1994
Copy link

What version of daisyUI are you using?

2.51.5

Describe your issue

1680735069026-VID_20230406_060543.mp4

What browsers are you seeing the problem on?

Safari

Reproduction URL (optional)

https://github.com/gylove1994/daisyui-for-angular
@saadeghi saadeghi self-assigned this Apr 6, 2023
@gurgunday
Copy link
Contributor

FYI: if you change the element to <button>, it correctly loses focus in Safari as well.

@saadeghi
Copy link
Owner

saadeghi commented Apr 7, 2023

This is indeed an issue with iOS Safari and CSS :focus. There's no proper fix yet but there are workarounds.

Please follow related discussions:

@saadeghi saadeghi closed this as completed Apr 7, 2023
@Gypsy-147
Copy link

Solve with adding a tabindex="0" to the container or root element

@p-gentili p-gentili mentioned this issue Aug 14, 2023
Closed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@saadeghi saadeghi

Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
4 participants
@saadeghi @gylove1994 @Gypsy-147 @gurgunday