I tried to have an image as an background for my website and I want to place some text on the image, I dont want the image to stay there entirely like cover even if L scroll. But, should completely…
I am using Bootstrap 5 to make a website and I am trying to make the header image of the website responsive using media queries. I like the way it looks on desktop, laptop, and tablet viewports but on mobile,…
I am attempting to code a Sidebar in Svelte and have run into issue related to how Svelte transitions work with dynamic classes. Sidebar is supposed to fly into view when a button is clicked. I am using the transition:fly…
I have antd menu with labels and icon. Here is the minimal representation of design. Codesandbox Now what I want is to hide the labels and show only icons when menu is starting to show ellipsis. As I am not…
I'm working on a project using Laravel 10.18.10 and I've downloaded the tailwind extension in VS code. When I tried applying the tailwind code, it doesn't seem to be applied in the project. When I hovered over the code, this…
I'm trying to give categories name to my chip in my Angular application. For the backend i use Spring Boot. I tried a lots to fix this error and i don't know if is a FrontEnd problem or a BackEnd…
I am building a Tenzies game and would like to implement a functionality that stores the number of previous rolls of the dice a user has to the localStorage and I already have a feature that renders the number of…
onClick functionality not working even when i enabling the button on certain condition function App() { const buttonRef = useRef(null); const name = 'Pilla' if(name === 'Pilla'){ buttonRef.current.setAttribute('disabled', false) }else{ buttonRef.current.setAttribute('disabled', true) } const handleButtonClick = () => { console.log('Button…
Warning: Each child in a list should have a unique "key" prop. Check the render method of UserSidebar. See https://reactjs.org/link/warning-keys for more information. This is the code that causes the error shown above: import React from "react"; import { makeStyles…
<List className="mp-0 wh-100 overflow-overlay"> {menus && menus.length > 0 && menus.map((item, index) => ( <Box key={index}> <ListItem ref={popoverAnchor} className={`mp-0 navigationList flex-start-center`} ** onMouseEnter={(e) => { setNestedArr([...item?.children]); popoverEnter(e); setAnchorEl(e?.currentTarget); }} onMouseLeave={(e) => { popoverLeave(e); }}** onClick={(e) => { console.log(item,'parent_clicked') }} >…