Re: Does :hover work in 3.1.1?
Rodrigo Arias <[email protected]>
| Newsgroups | gmane.comp.web.dillo.devel |
|---|---|
| Message-ID | <[email protected]> |
Hi,
On Fri, Jul 26, 2024 at 07:09:05PM +0200, Steinar Bang wrote:
>Does :hover work in 3.1.1?
No, its not implemented, only ":link" and ":visited":
https://github.com/dillo-browser/dillo/blob/v3.1.1/src/cssparser.cc#L1426-L1430
>I am trying to write a JavaScript-less dropdown to switch locale as
>e.g. outlined here:
> https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_responsive_navbar_dropdown
>
>Short story: the dropdown is an ul with "display: none" and hovering
>over a parent element (that is displayed) is supposed to switch to
>"display: block".
>
>But nothing happens when I hover over the parent.
>
>Google found me this, dated August 19 2022, listing pseudo-classes as
>Pending, but August 19 2022 is almost two years ago...?
> https://dillo.org/css.html
>(looks like that "Pending" may be from January 1 2015...?)
You may want to check:
https://dillo-browser.github.io/dillo.org.html
And:
https://dillo-browser.github.io/release/3.1.0/
>If :hover doesn't work I will have to do it a different way: maybe with
>a separate settings page containing a form...?
I recommend you just don't use a drop down, just an static navigation
menu which would work fine with CSS disabled.
You could also use a <select> input with a form but it looks more
complicated.
>Here is the HTML of the dropdown:
> <li>
> <div class="locale-dropdown">
> <a href="">Language</a>
> <ul class="locale-dropdown-content">
> <li><a href="">English</a></li>
> <li><a href="">norsk bokmål</a></li>
> </ul>
> </div>
> </li>
>
>(the dropdown is nested in a <li> that is part of the <ul> that forms the <nav>)
>
>The CSS looks like this:
>
>.locale-dropdown-content {
> display: none;
> position: absolute;
> background-color: #f9f9f9;
> min-width: 160px;
> box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
> z-index: 1;
>}
>
>.locale-dropdown:hover .locale-dropdown-content {
> display: block;
>}
>
>_______________________________________________
>Dillo-dev mailing list -- [email protected]
>To unsubscribe send an email to [email protected]
_______________________________________________
Dillo-dev mailing list -- [email protected]
To unsubscribe send an email to [email protected]