Hi again.
An update: I found out that this same issue happens (at least with me) in getuikit dropdown menus. The link: https://getuikit.com/docs/dropdown.html
Another thing: I discovered that this happens if I click somewhere on the page (an empty space for instance) and then hover the dropdown. If I click on the screen outside the browser window, and then I hover the dropdown menu, it performs ok.
I wonder if it is something about the most recent update of uikit and beans. probably it doesn't happen with my first site because I didn't update yet.
My browser is firefox 49.0.2, I'm using Linux manjaro with latest updates. Just in case this info is relevant.
Thsnks again.
Hey Sami, glad to hear your are back 🙂
This is very speficif to UIkit and Firefox and there is not much we can do. Could you perhaps report that to UIkit so that they can look into it?
In the mean time you may add CSS to prevent the outline in Firefox (see some examples here).
Thanks,
Hi, Thierry!
Thanks for your answer!
I didn't know it was happening in firefox, because my laptop with windows where I test my sites in other browsers suddenly broke the screen and i can't connect it to my monitor, either...
I apologise for not checking it in other browsers.
I think I'll go and install chrome and Iexplorer in virtualbox.
i use linux, you know.
This is my first project with beans for a customer. In a matter of fact it is my first website for a customer in months. As i said, I've been doing other stuff.
Cheers
Hi again!
Here is the solution for the issue on the dropdwn outline:
On CSS:
.uk-dropdown:focus { outline: none; }And it solved the problem!
Cheers!