All Questions
11,388
questions
0
votes
1
answer
27
views
How to get and test an element style using RTL?
I have a sidebar menu component, which has a small tab to be pressed in order to show/hide the menu.
The tab, as the entire menu, can be rendered on the left or the right side of the screen based on '...
0
votes
1
answer
68
views
SVG Component Rendering Inconsistently Across Browsers
I'm working on an SVG gauge component that works perfectly in Chrome but has rendering issues in Safari and Firefox. The gauge displays progress using a gradient fill and a rotating pointer. In Chrome,...
-2
votes
0
answers
21
views
How can I create a smooth transitioning dialog component in React? [closed]
I'm working on a React project where I need a dialog component that smoothly transitions between expanded and minimised states. The dialog must be fluid, hugging its content, so I can't use fixed ...
-2
votes
1
answer
50
views
How can I center the items in .jsx file? [duplicate]
I'm very at the beginning of web development. I'm currently learning Node.js and React with Vite. I couldn't center the header menu properly and things I found on internet didn't work. It is probably ...
0
votes
0
answers
23
views
Why Can't I change my border color in input field of material-ui?
I am trying to change the input border color to white even if its focused, hovered or just by default.
I have create a theme using makeStyles for the text and input fields but it does not seem to work....
-1
votes
0
answers
29
views
Profile header not showing ( user not found ) error
so i have created a instagram clone in which i go to the profile section its saying user not found but in my code when i remove the "finally" block its showing only the skeleton but it ...
0
votes
0
answers
63
views
I get two different initial css values in two different major browsers
I was developing a React component that manages a state array. For each element in this array, I used the map method to generate a list of items, which were contained within a div that had the class ...
1
vote
0
answers
38
views
How to Reinitialize JavaScript Functionality for Dynamically Added Elements Without Duplicate Event Listeners?
I am developing a social media platform using Django for the backend and a purchased HTML template from ThemeForest for the frontend. The template was built using React and then exported to plain HTML,...
0
votes
0
answers
35
views
What causes the spaces between words to disappear only on certain view (e.g. mobile) in a React project? [closed]
I've been trying to debug this for a while, and can't find instances of anyone else having this issue.
I'm working with this Montserrat Google font in my React project. Here is my index.html file:
<...
-1
votes
0
answers
30
views
How to customize animation of svg in react? [closed]
I am pretty curious how brilliant creates a page like this:
The animation of svg is compeletely interactive to the programming block in the toolbox.
I want to make a page similar to this in react. Is ...
0
votes
0
answers
23
views
Overlay and scale image to take up as much of the screen as possible with a smooth transition [closed]
I have a few columns of images of different heights and I'm trying to make it so that when you click on one of them, it transitions into taking the full height of the screen while keeping its aspect ...
1
vote
1
answer
42
views
Image weird resizing behaviour when refreshing
When I refresh the page (below's a gif)
The Image is resized in a weird way.
<WifiWidgetContainer>
<Image
src={`/assets/[email protected]`}
...
-1
votes
1
answer
36
views
Can't change Z index with Mantine Pop over component styles
Summary
I'm trying to update the popover component styles in my Mantine project so that the z-index is 1 instead of 300, but I can't seem to make it work. The backgroundColor style works correctly, so ...
0
votes
0
answers
35
views
Why does the prerender sometimes not load the page?
I ran into the problem that the prerender does not always work. There is one page where the prerender does not always work; sometimes it just returns a piece of broken code, not even reaching the body....
0
votes
0
answers
44
views
Pseudo-Elements not working properly on Mui table head and Mui table row but working fine in windows browsers
i am giving background color and border color with border radius to mui table head and mui table row.
it looks fine in windows and android all browsers but seems like position not working in mac and ...
0
votes
0
answers
23
views
Copying an HTML styled react-bootstrap element to clipboard with styles intact
Given a simple functional React component with a react-bootstrap Table using the striped property, what options are available to copy the table and all of it's contents, styles intact, to the system ...
0
votes
0
answers
18
views
React d3 tree display div on hover
I am rendering custom nodes in react-d3-tree. I want to display a div on hover only next to the hovered node. How can I proceed with this?
Each time I hover over a node, all the divs display, not only ...
0
votes
0
answers
48
views
how can I make element color transition smoothly with Tailwind CSS in react?
I have a React component where elements change color every 5 seconds based on a countdown timer. I want the color changes to happen smoothly, but my current approach doesn't work.
Here's the code for ...
0
votes
1
answer
32
views
How can I manage 3 element mode by on click function in next js
I am creating an accordion menu in nextjs , I want 3 mode of an element :
the first mode is default, when no click event happened : .mainLi_default
when the first click event happening and menu will ...
-1
votes
0
answers
30
views
Display flex is not taking affect in my website - I am making a food delivery application in react [closed]
enter image description here
This is the code for the navbar's right side menu items. And down below is the output in the browser:
enter image description here
I have inspected and checked the console ...
1
vote
0
answers
38
views
How to change Background color of AgGrid Table dynamically?
In Navbar Component, there are select tag with two options "light" and "dark" if i select dark option then I am setting this value in localStorage and localStorage value updating ...
1
vote
1
answer
46
views
How to properly do stroked text with a wipe fill effect
I'm trying to create a React component that renders a stroked text with a progressive fill color based on a prop that works with any font.
Because of a bug with -webkit-text-stroke with certain type ...
2
votes
1
answer
46
views
index.html file ignoring footer in docusaurus.config.js file
My understanding is that the docusuarus.config.js file essentially translates the defined info into HTML that builds your website. The file the translated info goes to is the 'index.html' file.
...
0
votes
0
answers
11
views
How could it be changed swiper-slides width in each at React?
I want to coding using for Freemode Swiper Library similar with here design imgae on React.
but Width is same in Swiper source . I have an difficult about adjusting that size. What can i find solution?...
0
votes
1
answer
35
views
Webpack raw-loader/style-loader importing CSS file as JavaScript string instead of CSS content
I am using Webpack to build my chrome extension and I am trying to import a CSS file as a string so that I can inject it into a shadow DOM. However, when I import the CSS file, it is imported as ...
0
votes
0
answers
46
views
CSS transition not working for backdrop-blur
My React/Tailwind app has a mobile menu popup for screens less than 768px wide which uses the Tailwind properties backdrop-blur to blur out everything behind the menu items. I have a transition-all ...
0
votes
2
answers
58
views
Styled Components styles are not applied
I've a react popup which uses styled-component for styling. I'm rendering the react app in shadow dom. Because I didn't want any other css file to modify the popup. It is working on most sites except ...
0
votes
0
answers
56
views
I am trying to get the arrow button conditionally if the screen size is smaller or the more steps is coming in, but its not working
I am trying to get the arrow button back and forth conditionally if the screen size is smaller or the more steps is coming in, also if there is no step beyond then the arrow should not shown, but its ...
0
votes
1
answer
37
views
Is it possible to make a contentEditable div have a fixed height in React.js?
I have this contentEditable div and I need it to have a fixed size/capacity. The div should not keep making new lines if it reaches the capacity and the user shouldn't be able to keep typing in the ...
-2
votes
0
answers
33
views
I'm trying to make a code with react .js, and this code will have to select 2 statement [closed]
I'm trying to make a code with react .js, and this code will have to select 2 statement and then with click to a button will add this 2 select statement and so on, my question is every time I press ...