All Questions
11,388
questions
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 ...