All Questions
10,020
questions with no upvoted or accepted answers
6
votes
1
answer
2k
views
How to split tailwind css generated code into different directories?
im new to tailwind-css and what i want to achieve is that lets say im using few classes of tailwindcss in component/index.js and i want to generate index.css file of tailwindcss in component directory ...
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).
...
6
votes
0
answers
130
views
How do I prevent layouts from pushing up when soft keyboard is shown in mobile browsers?
I am trying to have a fixed image in the background that does not move when the soft keyboard is shown. Every time I trigger the soft keyboard,
the whole image scrunches up. How do I prevent that ?
...
6
votes
0
answers
328
views
Trying to switch focus to another input field but browser automatically focuses "first" input field in form (Safari only)
My React web app is forcing focus to the first input field in a form even if I actively change it with my mouse (I can switch input fields by tabbing though).
So I've tried debugging just to find out ...
6
votes
0
answers
1k
views
Create React App creates *.chunk.css when I want them as inline style tag
I'm using CRA2 for building my project. There are some places with css import, like
import 'common.css'
or library csses, like
import 'librabry/dist/lib.min.css'
I want them to be included as ...
6
votes
0
answers
1k
views
The CSS file loading issue in a mobile safari browser
I created the website by using reactJs, nodeJs (express server). Customers are happy and so on but ... there is the issue which is reproducible by a few customers (I can't reproduce it). It seems this ...
6
votes
2
answers
4k
views
Importing CSS variables into a Typescript file
We created a theme.css :root file with a number of commonly used variables to use across the various other .css files for our app.
But some of our older code has a similar setup, but in a theme.ts ...
6
votes
0
answers
1k
views
Building React component library: how to bundle css and other assets?
So my understanding is that when you are distributing a React component for others to use, you should ship the compiled version of it, rather than the source and expecting the end-user to deal with ...
6
votes
2
answers
3k
views
How to wrap too long title in DropdownButton from react-bootstrap?
I have a dropdown button, however, its (dynamically changed) title may be too long to fit. Thus, I am wondering whether there is a way to automatically wrap the too long title to the 2nd line?
<...
6
votes
0
answers
6k
views
How to set width and height to 100% with <AutoSizer>?
I following the example: demo, source code.
they set width={width} and height={height}, if I do that I get nothing displayed... To display somehthing I need to set the height to something, for exaple ...
6
votes
1
answer
3k
views
Semantic UI Vertical Align Icon and Menu
I am currently trying to align a Icon and a text in a Menu.Item with Semantic UI React V.0.68.2.
Currently my HTML output looks like this:
<a class="active item pointer">
<i aria-hidden=...