I have this JS code that shows 2 input boxes that asks for a password: 1) Password 2) Confirm Password. However, the clickShowPassword() is only connected to Password. [Output] [1]: https://i.stack.imgur.com/IZoa3.png Here’s my whole js file that is connected to an react application. Answer In your seco…
Tag: css
Overflow-x scroll doesn’t work properly on mobile
https://codesandbox.io/s/frosty-water-fintki As you can see in attached sandbox I have a scrollable div with 6 items aligned in 2 rows. But when you switch to mobile view (toggle responsive view button near sandbox url input) it starts scrolling vertically. I’ve noticed, that if you remove flex-wrap it …
How do I get a style property value from an SVG element that is animated using transform?
If I have an SVG element that is animated using transform, either using SMIL or CSS, how do I get the computed style of the property that is animated? Here I have a <rect> that rotates, but as you can see the rotate property just returns none: Answer In the case of a SMIL animation just read off the SMI…
Why does Javascript’s Date.getDate() .setDate() behave so unpredictably?
Hobbyist coder here, and this problem is above my pay grade. I’m trying to build a dynamic html / css calendar, where the cells are filled in based on today’s date. I get today’s date, and then try to add days to fill in another 13 days (looping thru html elements.innerHTML). If I try to set…
Using submit type but IF statement does not work
I am trying to make a very simple login page for a website I created and I am having issues with the submit button. I got the submit button to work fine if I use a “button” type in HTML however the Enter key does not work then. I discovered if I use a “submit” type, the Enter button an…
How to get radio button to stay aligned when label text wraps to next line?
Right now I have radio button aligned at the prefix text, but when label text becomes long and wrap to next line, for some reason the radio button to move downward and no longer aligned to prefix text. But I would like radio button to stay still whether label gets wrapped or not. What changes do I need to mak…
Footer won’t stay at bottom of page and below content in React
I have a React application with this basic layout: My issue is that I have separate stylesheets for each of these components, but I can’t get my footer to both be at the bottom of the page, and always stay below content. That is, if the page is blank, the footer would still be at the bottom, and if ther…
Expand volume level by default
I would like the volume level element to be expanded from the beginning, without mouse cursor hovering. I am about this element that is hidden by default: I didn’t find any built-in option for it (strange enough). I’ve been trying to solve it with CSS, but without success. There is a demo of probl…
Auto excluding selector resembling a toggle
I’ve being searching around and found some jQuery and Vanilla answers. I even found the exact answer to my problem, but it did not work within the rest of my code. So I have come with this adapted code which I took from this question Show / Hide Div on Click with JavaScript and it works fine but…a…
What is causing my Canvas element to overflow and what can I do to fix it?
I have a problem with sizing my canvas element properly. The result as seen below is a canvas element (green outline) that extends it’s height outside of it’s parent div. What is causing this problem and what can I do to fix it? HTML: Here is the HTML code, there isn’t much to it. SCSS: The …