All Questions
25,042
questions
0
votes
0
answers
7
views
Swipper Css loading issue in React Application
I am facing an issue after integrating into React Application latest swiper and CSS are not loading and getting the below error. We have update in webpacker.config.js with CSS loader
yarn build
...
- 11
0
votes
1
answer
16
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 ...
- 216
-3
votes
0
answers
26
views
Username.js not showing the desired output (using MERN for the project) [closed]
The following code (Username.js file) is the part of a user authentication application that I am making using MERN.
I am not able to make my Username page like the attached image is showing:
Desired ...
- 1
0
votes
1
answer
31
views
How do I build a React app that uses different .css files for different components?
I have a primary css file that provides global styles for most of my website. However, there are 1-2 pages that will use a completely different style.
I want to be able to configure things so that ...
0
votes
0
answers
27
views
Global CSS cannot be imported from files other than Custom <App>
My React App works fine on my friends computer using global CSS, however, I've been having this issue since I opened on my VSCode.
⨯ ./styles/globals.css Global CSS cannot be imported from files other ...
0
votes
0
answers
17
views
React Framer Motion scrollTo animation does not scroll to top of container
I am developing a single-page scrollable business website using React and Framer Motion for animations. One of the animations is scrolling to a section of the website when clicking a button on the ...
- 13
0
votes
0
answers
25
views
MUI: center checkboxes in grid regardless of checkbox label length
I have a form with code:
<Box display="flex" flexDirection="column" alignItems="center" mt={2}>
<Grid container spacing={1}>
{playlists.map((...
0
votes
0
answers
21
views
Chrome/Safari input auto zoom out while blur or deseleted [duplicate]
i have a react application, where I'm taking a input field,
on mobile device ,
there is a auto zoom feature to highlight the zoom
one way i found was to use font size :16px
input{ font-size:16px;}
my ...
-1
votes
1
answer
24
views
On a scrollable element, how do I apply CSS properties to parts of its children that were hidden before scrolling?
Image 1 :
Image 2:
I have this element on my site that is supposed to scroll horizontally(overflow-x: scroll) on smaller screens, the issue is, the properties I applied to its children only appear ...
0
votes
0
answers
41
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 ...
- 43
0
votes
0
answers
13
views
Style rules seem to not be applying to React components other than App.js
I am trying to setup a simple event list app. Using the default environment created using npx create-react-app, I setup my App.js to be a component that holds a <table> and its <thead>, ...
- 11
0
votes
1
answer
22
views
I'm trying to style my icons that are dynamicaly imported from another file.js on my react app im using react-icons
my icons are imported and stored on a separate file.js i imported the file.js on my .jsx file & i can see the svgs being rendered on my website i also can change the size but the color remains ...
- 1
0
votes
2
answers
46
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 ...
- 75
0
votes
0
answers
14
views
Add an animation effect that follows the cursor in Next.js application [closed]
I'd like to add an animation effect that follows the cursor in my Next.js application, similar to the one on this website: https://advanced.team/. Can anyone guide me on how to achieve this? Many ...
1
vote
2
answers
40
views
Position the div at the bottom
I want to fix this div at the bottom of my webpage, here is my react code:
It's written in tailwind css but you can answer in normal css too
I've tried using bottom property but it didn't work
<div ...
- 13