2,526,815 questions
-4
votes
0
answers
33
views
React chrome extension and React webapp with outgoing WebRTC stream [closed]
I have chrome extension made with react, and the same webapp on a website.
each app should send and receive stream over webrtc. With chrome extension it works well, it sends and receives. on the ...
-7
votes
1
answer
51
views
Javascript onclick populate form field
I have 3 form fields
div {
padding: 5px;
margin: 10px auto;
}
input {
padding: 3px 5px;
}
<div>Ingredient Unit Price:<input class="form-control" type="text" name="...
-1
votes
0
answers
38
views
cant send an array of js via formdata to controller(my viewmodel wont bind to it) [closed]
my function
i can send everything including pictures too but this array i cant send it.
the logic is this via this i wannna know how manny images he removed or if the user changeed the main image from ...
0
votes
0
answers
34
views
Deploying Node.js Backend on VPS (ubuntu) with Nginx web server [closed]
I need your guidance on something, please.
I recently bought my domain name (anexiums.com) and hosting from asurahosting, and then created a subdomain (api.anexiums.com) which I'm supposed to deploy ...
-2
votes
0
answers
34
views
How can I add animation to image slides? [closed]
How can I insert an animation code here so that the images will rotate in a carousel?
var swiper = new Swiper(".mySwiper", {
slidesPerView: 5,
spaceBetween: 10,
breakpoints: {
0: { ...
0
votes
1
answer
36
views
Smplest OL map gives a blank screen
I'm trying to create a "Hello World" OpenLayers map, with no unnecessary dependencies. The code is
<html>
<head>
<meta charset="UTF-8">
<meta ...
0
votes
0
answers
42
views
Embedding YouTube videos in Bootstrap modal components returns Error 153
I am studying the bootstrap documentation, I have reached this part Embedding YouTube videos
In order to understand that part I had to do an example.
Here is my markup and code:
<!DOCTYPE html>
&...
0
votes
2
answers
57
views
How to prevent rerender of identical component in child?
I'm trying to make a progress bar that has a transition animation. Think: a multi-page wizard, and when you advance to the next page the progress bar animates to the next step.
When the progress bar ...
-3
votes
0
answers
21
views
Mantine Slider Thumb Stuck and Not Updating [closed]
I'm new to React and I'm having a problem with Mantine.
My Slider is visible and the value updates, but the thumb stays stuck on the left and doesn't move at all.
Here is my code:
<Box
ref={ref}
...
-3
votes
0
answers
57
views
Why is my HTML button not responding when I click it? [closed]
I created a simple button in HTML:
<button onclick="show()">Click Me</button>
<script>
function show(){
alert("Hello");
}
</script>
But when I click the button, nothing ...
4
votes
3
answers
62
views
Can't get the ID of a SVG group
I have an SVG map with countries having both path and text elements. The elements are enclosed in a group with an ID, like this:
<g id="RW" ><title>Rwanda</title>
<...
-7
votes
0
answers
71
views
How to revert the code to span replacement of code tags with translated text in between which was translated by Google translate? [duplicate]
How to revert the code to span replacement of code tags with translated text in between which was translated by Google translate ?
Google translate was not translating text between <code ....> ...
-3
votes
0
answers
29
views
Chrome throws “Failed to connect to MetaMask” even though my React project does NOT use crypto/web3 (Opera works fine) [closed]
enter image description here
I’m building a normal React project (not related to blockchain, crypto, or MetaMask).
However, Chrome gives this uncaught error in the console:
Failed to connect to ...
-11
votes
0
answers
55
views
Dont know what this is [closed]
1:"$Sreact.fragment" 6:I[97215,[],""] 7:I[61123,[],""] 9:I[57468,[],"OutletBoundary"] b:I[57468,[],"MetadataBoundary"] d:I[57468,[],"...
0
votes
1
answer
61
views
How to do a previous/next function? [closed]
I've been working on this personal website and I had this section where I blog post, but instead of having an never ending blocks of post that you would have to scroll down, i wanted to implement a ...
Advice
0
votes
4
replies
61
views
Match a string not preceded by a pattern
I want to match a string according to a pattern but only when it is not preceeded by an other pattern.
const source = "abc.def.Ghi\n\
@:test(abc.def.Ghi2)";
const re = /(?!\()([a-z]\w+\.)+([A-Z]\w*)/g;...
0
votes
0
answers
43
views
How does the Gboard, when typing into a textfield on Chrome mobile, do "select all"?
I have a
<input type="text"...
...on a page, and need to copy all the changes so that I can display them in a wasm app. I'm stuck with this "select all" operation on Gboard. ...
-2
votes
0
answers
66
views
JavaScript crossword input freezes and focus does not move to the next cell [closed]
Problem
When I type a letter into a cell, the focus does not move to the next cell in the word.
After typing a letter, the entire input system becomes unresponsive — I can’t type more letters, ...
0
votes
1
answer
47
views
Firestore rule to allow users to pull only chats they are members of?
I have chat documents like the following:
{
members: ['abc','def'] // 2 element list of member UIDs
// some other chat metadata
}
In firestore, I have the following rules on my collection:
...
3
votes
1
answer
63
views
Cannot send data to Node Express after converting from CJS to ESM
After having carefully converted my JS code for NodeJS from CJS to ESM (with some unexpected difficulties), I am failing to send a body content to my Node Express web server, running for test purposes ...
-1
votes
0
answers
33
views
cant upload preloaded images + new uploaded images in UpdateProduct page via asp-form [closed]
this is gonna be a long one so if you help me i would really appreciate it.
i have a page where both create and update product is.
my create page works find but i want this page to do update too so ...
-2
votes
1
answer
62
views
ESM & CommonJS Dual Support in an Existing Node.js Project [duplicate]
I'm updating a Node.js project to support both CommonJS and ES Modules (Dual Package).
My current issue appears when trying to load the module from the project root using exports field instead of main....
1
vote
0
answers
38
views
React-three-fiber: Cannot convert undefined or null to object (useRef)
I’m running into a strange issue with react-three-fiber that only shows up in development, but not after deploying to Vercel.
Here’s my setup:
<Canvas gl={{ antialias: true }} camera={{ position: [...
-3
votes
0
answers
43
views
How would I make a dropdown of numbers to select in the input value rather than entering the number? [closed]
const DEFAULT_TIME = 0;
const TIMER_INTERVAL_MS = 1000;
const BLINK_CLASS = 'blink';
const BEEP_SOUND_URL = 'https://assets.mixkit.co/active_storage/sfx/1714/1714-preview.mp3';
let countdownInterval;
...
1
vote
0
answers
41
views
What domain to add to Firebase Authentication for Firebase Studio with Google Auth?
I'm using Firebase studio to generate a small app, with Google Auth enabled. The app shows up fine, but when trying to use the Google Auth, like this:
async function logInWithGoogle(auth: Auth) {
...
-3
votes
0
answers
108
views
Can't declare variables used in mathematical equations output [closed]
I'm just starting JavaScript and I can't declare a variable. Possible that it is being declared but when I use the variables in a math equation there is no output from that equation.
For example:
<...
0
votes
1
answer
78
views
Is it possible to connect to a local Python server using secure web sockets from a browser console on an HTTPS webpage?
We installed websockets for Python on macOS using this terminal command:
(.venv) a@as-MacBook-Pro dic % python3 -m pip install websockets
server.py:
#!/usr/bin/env python3
"""Secure ...
0
votes
0
answers
45
views
Why does querySelectorAll return an empty NodeList inside my custom class even though elements exist? [duplicate]
I created a small UI class to encapsulate DOM operations:
this.items is always an empty NodeList when the script is loaded in the <head> (not at the end of the body).
If I move the script to the ...
-4
votes
4
answers
113
views
Why is my JavaScript querySelectorAll not selecting elements by ID? [closed]
I’m trying to select multiple <p> elements in my HTML using querySelectorAll, but it’s not working.
Here’s my code:
<p id="ss">Paragraph 1</p>
<p id="ss">...
1
vote
1
answer
62
views
"grid-template-columns" and "grid-template-rows" style properties not getting set by script
function init() {
let x = 12;
let y = 8;
let content = document.getElementById("content");
let grid = content.appendChild(document.createElement("div"));
grid....
-2
votes
1
answer
33
views
How do I categorize products by price and display them on different pages using JavaScript? [closed]
I am building a shopping website for my stationery shop.
I have items like pen, pencil, book, copy, scale, bat, ball, etc.
I want to categorize products into price ranges:
Budget (₹10–₹100)
Mid-...
Advice
1
vote
2
replies
114
views
HTML static webpage - how would I have any of the files present in a particular directory be selected in a src
How would I go about, in an HTML webpage, having a random file in a specific directory be selected in a src? My intent is to have a randomized audio file autoplay whenever I open any webpage on my ...
-1
votes
1
answer
43
views
Failed to fetch when GETting json file from backend using Jwt Token
I am using a spring boot as backend and react frontend to create a website and I am encountering an error when fetching a user profile using browser from the backend.After login i managed to generate ...
3
votes
1
answer
139
views
How can I display the Persian language fonts?
I use my custom Persian font in jsPDF, but characters for this font show me wrong.
I hear
The IranNastaliq font uses the 'cswh' feature for such ligatures. 'cswh' is default-off according to the ...
-6
votes
1
answer
65
views
Backslash escaping issue in AI generated answers [closed]
So, there is a websocket server (game) and requires socket.io messages like this: 42["game:chat-public:msg","{\"id\":\"2qxgs2\",\"pId\":\"nfityk\"...
-1
votes
1
answer
44
views
Electron IPC: File objects arrive as empty objects {} in main process
Problem
I'm trying to send multiple files from the renderer process to the main process using Electron's IPC, but the file objects arrive empty.
Renderer Process:
if (files?.length > 1) {
window....
0
votes
0
answers
41
views
Why does "message:successful_payment" event work randomly?
As you can see in my short video example event message:successful_payment sometimes doesn't run after payment. In my video example there was only one execution after 3 payments (only the second ...
-1
votes
0
answers
50
views
Why doesn’t my CSS animation trigger when toggling a class with JavaScript? [closed]
I’m trying to animate a div when a button is clicked. The class is added correctly, but the animation doesn’t run. Here’s my minimal code:
function toggleBox() {
document.getElementById("box")....
-4
votes
2
answers
105
views
Draw a diamond pattern, representing the top face of a cube [closed]
I am trying to produce a multi-colored cube in perspective, a Minecraft logo, on an HTML canvas.
This is part of my code for producing the top face of that cube:
for (let i = 0; i < 16; ++i) {
...
-3
votes
0
answers
34
views
Why is my JavaScript function returning undefined even though the variable is declared? [duplicate]
I am trying to understand why my JavaScript function returns undefined even though I have already declared and assigned a value to the variable inside the function. Here is the code I wrote:
function ...
0
votes
0
answers
48
views
Mobile Chrome: Fixed position overlay disappears when scrolling inside sidebar [closed]
Problem
I have a mobile sidebar with a dark overlay (backdrop). When the sidebar is open and the user scrolls inside the sidebar, the overlay disappears or becomes unstable on Chrome mobile (Android). ...
Best practices
0
votes
1
replies
49
views
What’s the best architecture for mixing local AI + cloud AI inside a React/JS app without turning the codebase into spaghetti?
I’m trying to design a “future-proof” React/JS setup where the app can switch between different AI backends (local models like WebGPU/WebLLM, API models like OpenAI/Gemini, and maybe even custom ...
-4
votes
0
answers
92
views
Token in HttpOnly Cookie not being send when using include [closed]
I'm trying to make an simple chat website for a school project. The frontend is vanilla JS and backend is ASP DOTNET 8. It is now that I have a lot of trouble with authorization. Login and register ...
-1
votes
0
answers
48
views
Unable to download webpack in windows [closed]
I have latest version on node (v25.0.0) and npm (11.4.2) but still unable to download.
I used below command
npm i --save -D webpack
It gave me
up to date, audited 18 packages in 6s found 0 ...
0
votes
0
answers
34
views
App Store Connect API(Nest Js): Subscription created but status shows "Missing Metadata" [closed]
I'm automating iOS subscription setup using the App Store Connect API(Nest Js).
All steps (group, subscription, localization, screenshot upload, pricing) complete successfully.
However, in App Store ...
-1
votes
0
answers
50
views
Getting spacing and alignment in JSON Forms correctly
I'm trying to use JSON Forms to create different forms for my website, and I'm using custom buttons and input fields (using custom renderers) to render the form. I'm interested in making the UI right, ...
0
votes
0
answers
27
views
How to reliably capture high-quality audio/transcripts from Google Meet using a bot (without official API)? [closed]
I’m building a system where a bot joins a Google Meet call and extracts live transcription.
Right now, I’m injecting JavaScript into the Meet tab (through a browser automation bot) and scraping the ...
-1
votes
0
answers
34
views
Geofencing logic is Optimized or not for 1000 length gps position data or something 2000 geofencing lat log center? [closed]
I am receiving position data from a GPS device and fetching geofence latitude-longitude coordinates from my database. I also check which geofence is linked to which child and get the parents’ FCM ...
0
votes
0
answers
76
views
rails 8 error: Uncaught SyntaxError: import declarations may only appear at top level of a module
I have a new Rails 8 application built with Bootstrap, Ruby 3.4.7, MySQL, and Haml, running in Firefox 145.
It all looks good, except for the uncaught exception:
Uncaught SyntaxError: import ...
2
votes
2
answers
118
views
Light Mode Flash (in dark mode) On Reload Page
Always I reload any page happens a quick flash that changes the entire system to dark mode and comes back again, but really quick.
Before, this was happens also on dark mode too, but I could fix it ...