All Questions
4,412
questions with no upvoted or accepted answers
10
votes
1
answer
4k
views
React-Stripe-Elements element not rendering style as expected
I'm trying to setup React-Stripe-Elements and while I was able to get the basic form to render, it does so in a really funky looking way. I even tried to add CSS from a form I found online and it won'...
9
votes
1
answer
2k
views
Using mixins in material-ui to customize components in React
I am trying to customize a textfield component in Material-ui with React.
According information from this page:
To customize the colors of any part of the text-field, use the following mixins. We ...
8
votes
0
answers
2k
views
Change Color flowbite-react Tabs Component (Next js)
Hi can anyone help me on how to change the color of tabs in flowbite-react component, I'm using Next js. I already setup as per doc here https://flowbite.com/docs/getting-started/next-js/
Also I ...
8
votes
3
answers
1k
views
How to prevent nearby text selection when pressing and holding a button on mobile?
I have an application where a user needs to press and hold a button to record audio. However, when a user holds the button on mobile, the browser tries to select nearby text (since the user is holding ...
8
votes
1
answer
6k
views
Closing a react bootstrap modal with escape key
I have 6 buttons which, when clicked, activate a modal. This is written in React.
//Since I have 6 different modals, giving each of them an id would distinguish them
onCloseModal(id) {
this....
7
votes
1
answer
2k
views
Slider does not work in react-slick with typescript
I am using the typescript version (@types/react-slick) of the react-slick library to implement carousel/slider in a Nextjs project. I am getting the following error after importing the Slider ...
7
votes
4
answers
9k
views
Open and Close Dropdown menu on by mouse hover in react js
I am new to React JS.
My problem is that I want the menu to disappear if the mouse leaves that area, so I tried onMouseOut and onMouseLeave to close the menu but it seems that when this option is ...
7
votes
3
answers
2k
views
Link stylesheet with media query to React component
In an html file it is possible to link stylesheets like this:
<link rel="stylesheet" media="(min-width: 768px)" href="small.css">
<link rel="stylesheet" media="(min-width: 1150px)" ...
6
votes
2
answers
1k
views
javascript - How to start update scroll percentage when element is on the top of viewport
When entering the website, this is the first UI you'll see.
Then, if you scroll down to the very beginning of section B
I expect the section B will become sticky and the currentPercentage state will ...
6
votes
4
answers
3k
views
Make Tailwind Classes non-Global (automatically!)
I have an application made up of two parts:
(A) legacy application (AngularJs) with its own CSS classes.
(B) div containing a completely new application (React). B is built with webpack, postcss and ...
6
votes
0
answers
446
views
React native KeyboardAvoidingView and ScrollView won't marginTop auto
so I have this layout. I backgrounded in blue the scrollview so I could see how big it is in terms of height.
my goal is to put this button at the end of the page. when the keyboard lifts up, it ...
6
votes
1
answer
717
views
Opacity transition affecting child with backdrop-filter
I am trying to run a transition when entering the viewport. I want the cards to simply opacity in... I have a proxy element inside my div with backdrop-filters applied to apply a "frosted glass&...
6
votes
1
answer
5k
views
CSS Styling Pie Chart / Doughnut chart
I'm using Recharts to try to accomplish a doughnut chart with rounded segments, which should end by looking more or less like this:
This is the closest I can achieve, but as you can see I'm running ...
6
votes
0
answers
2k
views
CSS Modules in React - solutions to share reusable code
I am migrating global SASS in my project that was a mix of global scss and some sort of custom bootstrap-like framework into SCSS Modules.
I have global styles reference everywhere in the app that ...
6
votes
0
answers
1k
views
Split text across DIN A4 pages
I'm working on creating an editor using DIN A4 pages with specific text formatting using React.
Right now, my content is handled by an editable div (with more divs nested inside it for formatting).
...