I have recently started working on a ReactJS webapp codebase that is bit out-dated and currently being tasked to modernize by upgrading to latest versions of dependencies and NodeJS 14 to LTS. The problem I encounter is that sometimes, the…
When importing a JS module (e.g. https://example.com/module.js) from a URL that returns a 301/302 redirect to a specific version of the module (e.g. https://example.com/module-42.js), the redirected module is initiated as a separate instance. This means that when explicitly importing the…
Take a look at the two images below. I am using a radial gradient to create a reflection effect on a picture frame. As it is moved around in 3D space, I am changing its background position. background-image: radial-gradient(50cqw, #ffffffff,…
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 would like to disable…
So the favicon for my website (a 256x256 .ico file) doesn't show up on Google Search. It shows the vercel logo, but when you click on the website, the correct favicon shows up in the browser tab. Even on search…
If I eval a script with intentionally made mistakes I get an error log in console with a script reference link at the right side. For instance, here is the script: my_script = 'const a = 2;nconst b = a…
I'm trying to save and restore the state of a checkbox and other elements using localStorage when a user duplicates or closes the tab. It works well when I have just the checkbox, but as soon as I introduce additional…
I'm working on React app that gets some urls from server in format { filename: 'filename', url: 'url', }, and then renders buttons in very common way <button onClick={() => downloadFile(file.url, file.filename)}>{file.filename}</button> where downloadFile is a simple function export const…
I cloned the Chrome devtools frontend source code and ran npx http-server .. Then I visited http://127.0.0.1:8080/front_end/devtools_app.html?ws=localhost:8899, which connects to my backend WebSocket server (localhost:8899). The server listens for messages from the frontend and responds using the Chrome DevTools Protocol.…
I've a function, which should remove a li element from a list identified by the id. I use jQuery and this call $("#selector").find("li[id='" + id.substring(4) + "']").remove(); The call started with a click on a button. In Firefox it works…