Category "html"

HTML5 Form validation message doesn't show when scroll-behaviour is set to 'smooth' on html tag in Chrome

I'm having a conflict when setting the scroll-behaviour:smooth attribute on the html tag when there are form fields on the page using HTML5 Validation. You can

How do I repeat headers and footers fixed to top and bottom of document with CSS in iText 7 using pdfHTML converter?

When I use the following HTML+CSS to produce a table with header and footer it repeats the header and footer on each page when printing and when converting to P

Stretch body when navigation element is being hidden

Whenever I toggle the menu on the left to slide away, I want the body element to stretch to full width, how can I achieve this? Is using translate option not go

best practices in structuring jinja templates (flask)

I wrote a site in bootstrap and thinking about refactoring it in jinja. I am not much familiar with nesting blocks, and the site is relatively simple. My goal i

Set bootstrap switch component to 'checked' if mode is Dark

I have a theme for my web App in my localStorage and I want to add the checked value to the Switch component if the mode is set to 'dark',or unchecked, if the m

How to reorder an API call to a custom order by API ID?

A bit of a niche question but it has challenged me, see if you can solve it. I have this array of sports leagues ranked from best to worst by their respective A

Display hidden not working with flex in Tailwind

I'm trying to hide a div in mobile, and display flex with md screen & above, here's my code: <div class="hidden md:flex"> <x-navbar.nav

CSS Image outside Clip-Path flickers during animations

Basically, I am trying to create a testimonial section with a circular image on left and some text on right. When the testimonial section is hovered the image b

How can I check if an element still exists in the DOM?

How can I check if an element still exists in the DOM? <div id="parent"> ... <div class="my-class"></div> </div> let parent = docum

Generating List Items from an Array with Javascript [duplicate]

I am trying to generate a list of names from an Array with this piece of script const names = ["John", "Hanna", "Luis", "Halley", "Maive"] con

I am trying to store form values in local storage on submitting form. now i want that all input tags should be cleared once i clicked on submit button

var formHandle = document.forms.infoForm; formHandle.onsubmit = processForm; function processForm() { var formName = formHandle.f_name; var formCol

javascript canvas wont render with custom framework

I am making a simple JS game framework and I am trying to make an image that can move around canvas with WASD. The code below should render a movable image but

How can I make the text and image be on the same level?

I am trying to make the text and image be on the same level but when I add the text the image moves, I am unsure on how to fix it and looking for help. I though

Why does the canvas have a black background?

Why does the below canvas have a black background? Because of it, the text behind the canvas is not visible. I need it to be transparent to show the elements be

Issue in html code for redirect user to url after is logged

Hi I’m html learner and I have an issue with my code but I don’t know what’s the problem The prob is weird , when i enter the right pass in on

Updating a Dropdown Based on the Selection of Another Dropdown - replaceWith Not Working

I have a couple of drop downs, when a venue is choosen from the first one, it should populate the second drop down with floor values. Using jQuery AJAX I am abl

HTML shows Flask-SQLAlchemy syntax?

When trying to display replies of users on my page it displays them with SQL syntax, like so: ('reply',) I've tried str() when returning from my route. html: &l

Calculating a matrix to invert a "flattened" 3D rendering context

Context: In my web app I create several groups of elements all positioned relative to each other in 3d space. All elements have transform-style: preserve-3d. A

Is it possible to append to innerHTML without destroying descendants' event listeners?

In the following example code, I attach an onclick event handler to the span containing the text "foo". The handler is an anonymous function that pops up an ale

Is there any way to use flex wrap to wrap on only one column?

Let's say I have 3 divs... HTML: <section class="features"> <div class="item"> <h3 class="item-name">Item1</h3> <