All Questions
Tagged with google-chrome css
11,217
questions
0
votes
0
answers
25
views
How check browser support in CSS for @view-transition navigation: auto?
Google Chrome 126 is introducing cross-document view transitions in CSS (source) with
@view-transition {
navigation: auto;
}
Now I would like to check the support of the user's browser with:
@...
1
vote
1
answer
21
views
How to prevent an empty gap appearing in elements when printed?
I have below a minimal webpage that prints as two green pages with a blue box centered on each page.
This is accomplished by creating two green divs that are the size of the page, and each div ...
0
votes
0
answers
65
views
I get two different initial css values in two different major browsers
I was developing a React component that manages a state array. For each element in this array, I used the map method to generate a list of items, which were contained within a div that had the class ...
0
votes
0
answers
23
views
Dropdown Menu isn't Showing when Overflowing Certain Selector of Specific URLs, Scrollbar is To Thick and doesn't have a delay when I Hovering It
I use "Stylus" addon/extension in Firefox and Chrome and I know that webkit-scrollbar is not supported in Firefox, so I used scrollbar-width. I know that some URLs have some limitation to ...
1
vote
1
answer
42
views
Why does this print on two pages (of which one is blank)?
I am trying to have HTML generate a PDF that fits exactly one page.
I would expect this to do the job:
<!DOCTYPE html>
<html>
<head>
<title></title>
<style>
@...
0
votes
0
answers
23
views
Iphone 14 specific media query
I need to apply some CSS only for iPhone 14, but when I am trying to apply Media query in iPhone 14 in that case it also applying in iPhone 15 because both the device having same media query as below
...
2
votes
2
answers
223
views
Stop Chrome iOS auto-detecting numbers followed by letter "m" as metre units, and adding an underline to auto-convert the unit to other lengths
Chrome for iOS is detecting a number immediately followed by the letter “m” as a metres length unit, and it adds a dotted underline to it which when tapped offers a unit conversion feature.
Ideally I ...
0
votes
1
answer
43
views
Copying text marked as text-decoration: underline will paste as underlined [duplicate]
I have a weird issue in app that I am building:
I have a part where text gets displayed, and certain words get tagged with a span which has a class of annotation. This annotation has a text-decoration:...
1
vote
1
answer
61
views
How do I get my CSS to function in Chrome?
I am new to Python and taking a Django course online from Dave Gray. In the course we create CSS for Nav feature.
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
min-...
0
votes
0
answers
26
views
Enforcing consistent table-cell text wrapping when final cell is "width 100%"
See the two-cell table in the demo here.
https://plnkr.co/edit/EpAX5Mo5YWetj02E
HTML:
<html>
<head>
<link rel="stylesheet" href="lib/style.css">
...
0
votes
1
answer
63
views
Strange behavior of @page size css rule
I am having some issues with @page rule and using the "Save as PDF" print feature of MS Edge and Google Chrome. Here is my problem:
Background
I am having an SVG file that I am trying to ...
0
votes
1
answer
59
views
Force refresh of CSS counter calculation
I am integrating the Quill editor into our application, and have been asked to implement line-numbering in code blocks. Following from this discussion, I used
.ql-code-block-container {
counter-...
3
votes
4
answers
819
views
Google Chrome v126 Print Page Layout Issue
I have an issue with the print page layout in the latest versions of Chrome and Edge (v126). When I adjust the scale settings in the print dialog, the page layout gets distorted and shifts to the left....
0
votes
1
answer
58
views
Issue with Backdrop blur on Chrome
I am trying to apply a backdrop blur on the header of my website (Made with NextJS and Tailwind). It works great on Firefox, Safari...
However, on Chrome, it is just random. sometimes, I catch it ...
0
votes
0
answers
33
views
Drop event on div is Inconsistent in chrome
My drop events fires on Firefox every time but it is inconsistent in Chrome, where it works inconsistently. What should I do to make it consistent?
I tried setting the child pointer-events to none but ...