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

Themes Dropdown, arrow prevents input from receiving focus #103

Open
Sapo84 opened this issue Jun 6, 2021 · 1 comment
Open

Themes Dropdown, arrow prevents input from receiving focus #103

Sapo84 opened this issue Jun 6, 2021 · 1 comment

Comments

@Sapo84
Copy link

Sapo84 commented Jun 6, 2021

Pretty much what's written in the title, if you click on the arrow the input will not receive focus and the options are not shown.
It's pretty strange that the dropdown arrow does nothing at all when I would imagine a user will click on it to open the dropdown (well, I do, it's very possible I'm the strange one).
document.getElementsByClassName("arrd")[0].addEventListener("click", function() {document.getElementsByClassName("dropbtn")[0].focus();});
Something like that solves the problem on my end.

I also think it would be nicer for the arrow span to cover the right part of the dropdown without a gap, currently there are 5 pixels where the cursor gets back to text (and clicking on them also opens the dropdown since the click focuses on the input)
image

@Einlion
Copy link
Collaborator

Einlion commented Jun 6, 2021

I had rewritten drop-down a while back to fix this but never got around to push because we got side-tracked with communication between UI Elements. I'll do a quick fix for this in couple of days.

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

No branches or pull requests

2 participants