Skip to main content

All Questions

Tagged with
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 ...
alzee's user avatar
  • 1,400
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 ...
bogdmu00's user avatar
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 ...
mohdh34m's user avatar
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 ...
Majid Hatamimaleki's user avatar
-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 ...
Gurvak Singh's user avatar
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 ...
rohit sharma's user avatar
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 ...
empz's user avatar
  • 12.1k
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. ...
JRHaus's user avatar
  • 41
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?...
youngin lee's user avatar
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 ...
Joel Benjamin's user avatar
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 ...
Harley Zhang's user avatar
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 ...
Zullu Balti's user avatar
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 ...
user25866625's user avatar
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 ...
IRA's user avatar
  • 1
-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 ...
Mohammad Kaki's user avatar

15 30 50 per page