My HTML is something like this: <div class="entry"> <div class="imageContain"> <img src="photo1"> </div> <div class="title">Blah</div> <div class="text">Whatever</div> </div> <div class="entry"> <div class="imageContain"> <img src="photo2"> </div> <div class="title">Foo</div> <div class="text">Some stuff</div> </div> I want to style the imageContain in every alternate…
Here's a simple demo (jsfiddle link): const input = document.querySelector('#input'); const textarea = document.querySelector('#textarea'); const div = document.querySelector('div'); const x = (e) => { if (e.key === 'b') { const sel = document.getSelection(); sel.modify('move', 'left', 'character'); } }; input.addEventListener('keyup', x);…
In our Vue.js application, we are looping over multiple lists and creating tables to print from each list. We set class "pagebreak" on an empty after the table content. CSS: .pagebreak { /*page-break-after: always;*/ break-after: page; } I have tried…
I already installed firefox portable with no plugins, still to no avail. the only peripherals I have connected to my PC are a Mouse and a Keyboard. Left is Firefox, right is chrome. div { background: green; } @media screen…
I am trying to pinpoint the cause and if possible find a fix or workaround for a performance issue I am having when updating the transform of about 200 span elements in Firefox. In Chrome I am able to achieve…
If you have a form field type of number and use that value in JavaScript, the results are not always consistent (with FireFox and Safari so far.) A value of 10.0 in the input field will parse correctly as the…
I have some inline SVG elements exported from PlantUML on a web page. They display properly in Chrome, Edge, and Safari on iOS, but in Firefox parts of them will sometimes not render until I either select them or scroll…
I'm trying to run this in my index.html: <script> var stockfish = new Worker('./js/stockfish.js'); stockfish.addEventListener('message', function (e) { console.log(e.data); }); stockfish.postMessage('uci'); </script> But I get the following error: Security error: content located at file:///D:/ChessComparator/index.html cannot load data from file:///D:/ChessComparator/js/stockfish.js. I…
I am having an issue with layouts and css between firefox - 112.0.2 and chromium - 112.0.5615.165 I have created a small self contained sample on codepen here https://codepen.io/alex116/pen/JjmZPJX .dashboard { display:flex; justify-content: center; align-items: center; } .graphic { display:flex;…
I have a time-consuming php script, so I'd like to give the user some feedback. Simplified it to get to the core problem. This script works perfectly fine in Firefox (flushing the output instantly), but Safari waits until all the…