Fancy Drop Down Menu
I have this rough draft of a dropdown i been trying to make.
As you can see theres a number of columns.
I try to keep the top divs of the column of a ratio of 10/6
And whatever the height is of that box, i want the dropdown element's max height to be that....
Similarity of inline-block and text?
Is inline block similar to text?
Ik thats odd but i find it odd'er that we can use css proerties of line-height and line-width?
Pretty wild so far š...
text-decoration and pointer-events of anchor pseudo-elements
I have a big confusion regarding this topic. With the attached html, I am getting what's in the attached screenshot:
- Why is it showing an underline as text-decoration for the ::after, but not the ::before
- Why is the underline on the ::after not gone, even though I've set it to
text-decoration: none
- Why is pointer-events: none ignored?...
Best way to control keyboard navigability within an element (scope to parent)
I'm trying to find the best way to guide users through some of these modals we have in the UI (example pictured)
I've tried several things.
ā¢ Tabindex was my first thought but its a nightmare. All default elements throughout the entire application are tabindex 0 or -1 if we don't want them to be focusable, but Giving this CTA button atab index of 1 and the cancel button a tab index of 2 is no good. The tabindex 0s in the page BEHIND the modal take precedence over anything with a positive integer attribute value so I would have to explicitly give EVERYTHING in the modal form a tab index of 1...
How to add delay before redirecting to another page
```js
<script>
function checkPassword(){
var password = document.getElementById("logginpasswordinput").value;
var message = document.getElementById("message");...
Footer not sticking to the bottom
Hello guys,
For some reason, when there is not a lot of content a page, the footer sticks to the middle. When there is enough content, it is fine.
Here is the footer.
```<!DOCTYPE html>
<html lang="en">...
