Questions tagged [cross-browser]
Cross-browser development refers to the practice of building web sites, web applications, libraries, or components so that they function across different web browsers and rendering engines.
cross-browser
9,075
questions
2
votes
1
answer
122
views
What types of web resources can modern web browsers download in parallel? Also, what can't be downloaded in parallel?
What types of web resources can modern web browsers download in parallel? Also, what can't be downloaded in parallel?
Most answers on StackOverflow address "how many resources can be downloaded ...
2
votes
1
answer
116
views
Flexbox breaks with nested flex containers and writing-mode vertical-lr in Firefox
I'm experiencing a problem in Firefox when using vertical writing mode combined with two nested flex containers. Specifically, the second flex container doesn't expand to contain its children, ...
0
votes
0
answers
222
views
window.open() popup=1 does not open popup in Google Chrome
In my web application, I am using the following code to open a new window as a popup:
window.open(
'/auth',
'mypopup',
'popup=1,width=500,height=500'
);
This code works ...
3
votes
0
answers
133
views
Differences in Line Height and Position When Rendering Text with Canvas Across Browsers and Platforms
I've encountered a subtle issue while rendering text using Canvas on different browsers (Cairo (Node-Canvas), WebKit, Chromium) and operating systems (Windows, Mac, Linux). The line height and text ...
0
votes
0
answers
38
views
The web permissions API revoke() method is deprecated; what is the best way to revoke a permission such as 'geolocation'?
I am building a web interface which checks if the permission to use geolocation has already been granted using:
navigator.permissions.query({name:'geolocation'}).then(function(result) {
if (result....
0
votes
1
answer
44
views
diffrent views across browsers kin my React App
My website looks different from Chrome mobile view to Safari with an actual phone.
I have used prefixes for all my styles (WebKit,...)
I have also used normalize.css to fix any issue
I need help with ...
6
votes
2
answers
194
views
Inconsistent behavior between browsers with deeply nested subgrid
When I nest a subgrid inside a padded subgrid inside a grid, I get inconsistet behavior between the different browsers.
Chrome/Edge (Windows)
Firefox (Windows)
Safari MacOS
This is the code:
....
0
votes
0
answers
60
views
How to get Create React App production build to polyfill String.isWellFormed() or Array.findLast() for supported browsers
Create React App production build seems to not polyfill String.isWellFormed() for safari 14.1 and Firefox 119 which are supported browsers according to npx browserslist.
I created a new create react ...
0
votes
0
answers
51
views
How to make the details html element to behave on Safari the way it does on other browsers?
Take a look at the HTML code in this snippet:
<div class="container">
<details>
<summary>In a hole in the ground there lived a hobbit.
<input type="checkbox" id="...
3
votes
1
answer
642
views
Custom local font not applying in safari or IOS device but works on Chrome/Firefox with Next.js 14
This is my first stackoverflow post. I have been trying to figure out a solution as to why the font doesn't apply to Safari or any browser that is in an IOS device, but it works perfectly for Chrome, ...
0
votes
0
answers
53
views
How to apply the default Firefox style for input type range?
When I load input type range in different browsers such as Edge and Chrome I get different look and feel for this input.
Is there a way to apply the Firefox's styling for Chrome and Edge?
<...
0
votes
0
answers
38
views
Why does Safari render svg differently than Chrome?
I have this svg element:
<svg xmlns="http://www.w3.org/2000/svg" width="882.194" height="145.801" viewBox="-1 -1 884.194 147.801">
<defs>
<style>
.cls-1 {
...
0
votes
1
answer
160
views
svg mask does not work in chrome but works in FF
I'm out of ideas here, I made a animated svg to mask an image using javascript, pretty simple but it does not work in chrome and edge, but in firefox it works fine, the console don't trow any errors, ...
2
votes
1
answer
90
views
How can I display English and CJK text sideways using CSS?
This is a topic visited by How can I draw vertical text with CSS cross-browser? 14 years ago, and there doesn't seem to be any clear solutions.
Ideally, I want both the CJK and the latin characters to ...
3
votes
0
answers
443
views
How can I detect if the browser is capable of running an Angular 16 application
I want to update a mature Angular application (in production 10+ years; currently at Angular 10) to Angular 16. We have a global user base that includes a wide range of browsers/devices. We know many ...