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

Vdropdown: CSS border issue when reference is not a button + click trigger #854

Closed
enodr opened this issue Apr 21, 2022 · 1 comment
Closed

Comments

@enodr
Copy link

enodr commented Apr 21, 2022

We have a strange CSS issue when using the vdropdown component with a div as reference instead of a button and the click trigger.

image

As you can see the popper div has a border which disappears when any button is clicked in the browser. Under firefox this border appears in red. This is hard to debug as any click on a button in the browser will make the border disappear (so no luck opening the inspector in the debug console).

Steps to reproduce:

  • Use a vdropdown with a div as reference (not a button)
  • trigger set to "click"
  • the popper will have a default border which disappears on any button click inside the browser (even the toolbar buttons will make the border disappear).

Note: the problem does not appear when using "hover" as a trigger, nor with a button as the reference.

@enodr
Copy link
Author

enodr commented Apr 22, 2022

Just realized this is a duplicate of: #848

@Akryum Akryum closed this as completed Apr 22, 2022
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