javascript Questions

Html – I have some dropdowns inside a section, and when the dropdown is expanded, the section that the dropdowns are inside does not expand to fit the text

December 30, 2024
butterdogg
2 Answers

https://codepen.io/buttadogg_/pen/WbeZvjg <section> <h1>Here’s The Basics!</h1> <div class="dropdowns"> <div class="dd1c"> <button class="dropdown dropdown1">Sydney's Public Transport & How To Use Them!</button> <img src="images/chevron-down.svg" alt="" class="dropdownarrow"> <div class="dd1cdrop ddcdrop"></div> </div> <div class="dd2c"> <button class="dropdown dropdown2">Finding a Doctor or Medical Service / OSHC</button> <img…

VIEW QUESTION

Javascript – Leaflet: Markers only visible after zooming, how to make them always visible?

December 30, 2024
Stefano
2 Answers

I have installed Leaflet and created a map with several markers. The map works correctly, but the markers are only visible when I zoom in. I want the markers to always be visible regardless of the zoom level. How can…

VIEW QUESTION

Javascript – Overwrite a column of an array in AppScript

December 30, 2024
jonnybolton16
2 Answers

Say I have a 2D array with n rows, e.g. table = [["Team 1", 3, 3, 0, 0, 9, 1], ["Team 2", 3, 0, 1, 2, 1, 3], ["Team 3", 3, 2, 0, 1, 6, 2], ["Team 4", 3, 0,…

VIEW QUESTION

Javascript – Nextjs next build fails when I have svgr svg component

December 29, 2024
Işık Kaplan
2 Answers

import * as Brands from '@/components/icons/brands' export async function Signup() { const provider = { name: 'Google', icon: Brands.Google, id: 'google' } return <provider.icon /> } This fails with a cryptic error message when I do a next build. import…

VIEW QUESTION

Html – How can i optimize these repetitive if with queryselectors inside?

December 29, 2024
Jesús Fernández
2 Answers

i need to simplify these lines of code of react, i see is a bit repetitive, but i dont know if theres any way to improve this Any idea will be received!!! useEffect(() => { document.addEventListener("scroll", () => { //…

VIEW QUESTION

Javascript – Can I have controller for custom html element (to get context buttons update and delete)?

December 29, 2024
Radek
2 Answers

not sure if I am asking correctly. But I understood that controller is probably what I need. I want to have the functionality of custom plugin number 4 called Dialog - http://suneditor.com/sample/html/customPlugins.html#dialog But I do not want to insert a…

VIEW QUESTION

Html – How to make popup work correctly on photo gallery

December 28, 2024
Livin Life
2 Answers

I made a popup for each individual image on my photo gallery, but it won't pop up when I click on it. When I try and click on the image, it registers the click, but doesn't actually make the popup…

VIEW QUESTION

Javascript – return type narrowing from array of predicates

December 28, 2024
Vagif VALIYEV
2 Answers

classes with static check methods. wanted to find the matching one and return to it in wrap method. this architecture perfectly suits for my need of OOP-ifying. here is the way that I used to do it in JavaScript: class…

VIEW QUESTION

Inconsistent CSS animation using JavaScript in response to a click event listener

December 28, 2024
Don Lipps
2 Answers

I'm working on a routine that reorders a set of div on an HTML page using JavaScript. The re-ordering is working correctly. To add some visual feedback when the div moves, I'm using a CSS animation (and keyframes) class that…

VIEW QUESTION

How to render inline svg element with TailwindCSS

December 28, 2024
Mehdi Faraji
2 Answers

I've defined a background image in tailwind.config.ts called hero: backgroundImage: { hero: `url('data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 600'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='2' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E')`, }, I tried using it in global.css like this: .fill-grain { @apply before:bg-hero; }…

VIEW QUESTION