All Questions
Tagged with cross-browser firefox
683
questions
1
vote
1
answer
32
views
CSS Flip Card Scroll Issue in Firefox: Scrollbar Appears but doesn't work with mouse wheel
If I made a flip card like the one here flip_card, but and made the front-card and the back-card scrollable then the scrolling via mouse wheel only works with the back-card and the front-card only ...
1
vote
0
answers
21
views
HTML input file takes long time to open with Firefox and Ubuntu when running from embedded webserver
On my ESP32 Arduino application I run a simple form to upload a file:
function uploadFile() {
let file = document.getElementById("file1").files[0];
let formdata = new FormData();
formdata....
1
vote
0
answers
34
views
AfterViewChecked behaves differently in Chrome and Firefox
I've noticed that AfterViewChecked on Chrome behaves differently than it does to Firefox.
In my case on Chrome runs if there is a change in an Input data, on the other hand on Firefox it keeps ...
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, ...
1
vote
0
answers
297
views
How to deal with scroll-snap bug(?) in Firefox?
Demonstration
JSFiddle
YouTube demonstration of bug(?)
JSFiddle Code
HTML
<!doctype html>
<head>
<title>Why doesn't this work right in Firefox?</title>
</head>
<...
0
votes
1
answer
170
views
catch change event from input textbox that is being removed from the lost of focus event
I have a text type <input> and I'm listening to its on change events (so I can record the new new value elsewhere). When a text <input> loses focus, it triggers a change event. This is ...
0
votes
0
answers
94
views
SVG animation works in Chrome & Safari, but not in Firefox
I have a Logo as SVG paths, which I animated to be triggered by scrolling.
On Chrome & Safari it works like a charm (desktop & mobile), but not in Firefox.
This is the SVG (some letters ...
5
votes
0
answers
415
views
What is the current status of Web Speech API's Recognition on Firefox / Gecko?
The Web Speech API's Speech Recognition functionality is implemented in some major browers (major Chromium-based ones like Chrome and Edge, as well as Webkit-based ones like Safari).
As of June 2023 / ...
0
votes
0
answers
36
views
Dropdown on Firefox don't display elements after open it
I have a dropdown search component that I implemented for a web app and it work fine in chrome and edge. But when I tested it on Firefox it doesn't display the list of elements. it toggle the outside ...
2
votes
0
answers
116
views
window.getSelection() doesn't work properly on Firefox
I am facing a compatibility issue with firefox and window.getSelection() to get the selected textarea id from a list of textareas.
I am working on something like adding specific tags to a piece of ...
45
votes
3
answers
14k
views
Manifest v3 background scripts/service worker on Firefox
I'm trying to migrate my browser extension (that I expect to work on Chrome and Firefox) from manifest v2 to v3.
However, I am getting conflicting information about the background section. I did lots ...
2
votes
1
answer
512
views
SVG-defined backdrop-filter doesn’t render on Safari/Chrome
Consider the following example (adapted from here), which applies the same feTurbulence/feDisplacementMap SVG filter to two HTML elements, one as a CSS filter() and one as a CSS backdrop-filter(). On ...
0
votes
0
answers
154
views
Button style is different in firefox compared to Edge and Chrome
My button seems to have white pixel gaps surrounding the button between the outer edges of the button and the button shadow in firefox. It also has a slower and much less smoother on hover animation ...
0
votes
1
answer
258
views
how can i replace webkit-line-clamp property for firefox compatibility
I want to trying to truncate a long text (in two lines) by using -webkit-line-clamp: 2 property.
But in firefox, the -webkit-line-clamp property doesn't work.
overflow: hidden;
display: -webkit-box;
-...
0
votes
1
answer
531
views
Unable to close download notification(after successfully download) in mozilla firefox through selenium python 3
Selenium Version = 3.141,
Mozilla Firefox Version : 101.0.1
Automation Framework : Pytest
After successfully downloading the file, we want the notification to be closed.
I am able to download the file,...