Website jumps around when virtual keyboard is up
I have a login page. ( used in full screen mode like a PWA. Added to home screen )
When the user clicks on one of the input boxes the virtual keyboard pops up. When the user finishes typing the username he either wants to click away from the box to be able to click to the login button or wants to click to the password input box. When the user clicks away the virtual keyboard hides but bring the page with itself to the bottom. And if the user clicks again, the website jumps back to it's normal position.
I have included a gif demonstrating the problem. and here is a codepen link: https://codepen.io/drrandom/pen/eYLbBdq...
Checkbox Problem or my HTML?
Hi guys I.ve been debugging this for almost an hour. The problem is when checking the button it does not stay in active and wont stay on the checkbox
Image provided of desired solution. Active state + checkbox
https://codepen.io/pen?template=XWPyZMm...
CSS solution for this
Hey guys, to get the notch in middle I've used two divs with border radius. But now because of that text inside one div wont expand. I can I use css so that the blockquote expands all the the way across ??
CSS:...
vite can't find sass variables
Hey guys, hope you're doing well. Today I faced with the problem, idk why it's happening, but here's the problem:
- I made a file, called _variables.scss
- put some custom variables there
- import that file to my global.scss
- import global file in my main.tsx...
[solved] Img behave different in Chome?
I have an issue with images:
They are above each other and I make one visible when hovering, this works just fine in any browser but Chrome.
In chrome for some reason they height is different.
They are the same size so that cant be it.
...
Force Grid Box to align at top
New to Discord so please forgive me if this post is not as it should be. I'm having an issue with content alignment within a grid box. The first image illustrates my desired result of a page using a grid. The Menu, Heading, and Footer are not part of the grid structure. I have 10+ pages that use this same structure. The attached text file is a mixin I use to include the grid structure.
The four parts of the grid can all be of variable height.
The problem is related to the height of the page_Table area. The area is populated with a dataTable from my database. Because the table length is greater than the height of the image everything looks fine (2nd image, i.e., table aligned to the top of the grid area). But, if one of the alpha letters is selected, which has fewer rows than the base table (3rd image) the table appears in the middle of the grid area....
Custom hr in CSS
Is it possible to achieve something like this with css ? I dont even know how to start with this.
