All Questions
8,209
questions
-1
votes
0
answers
34
views
Is it possible to absolute position a conatiner to the left of a scrollable conatiner [closed]
My issue is that i have code something similar
<div className='flex flex-col'>
<div className='rounded-lg p-4'>
<div className='relative'>
<div className='absolute ...
0
votes
0
answers
16
views
Disable browser/page navigation while horizontally scrolling iframes?
My site has a container of iframes placed side-by-side, which creates a horizontal scroll. When users use a two-finger gesture/trackpad scroll outside the iframe, it scrolls as expected. However, when ...
0
votes
1
answer
27
views
How to get and test an element style using RTL?
I have a sidebar menu component, which has a small tab to be pressed in order to show/hide the menu.
The tab, as the entire menu, can be rendered on the left or the right side of the screen based on '...
0
votes
1
answer
24
views
Remove Border Bottom From MUI Selected Tabs - React
I am trying to custom style MUI Tabs in order to get something like
I have create sample code Here is the codesandbox example in which border bottom will be 100% and for selected tab it should ...
2
votes
0
answers
34
views
Custom Caret Positioning in React Input Field Lags Behind Characters
Question:
I'm trying to create a custom blinking caret for an input field in a React application. I've hidden the default caret and positioned a custom caret based on the text width up to the caret ...
0
votes
3
answers
55
views
Multi-line Truncated Text with "..." in the end
I need help with Multi-line Truncated Text. I can't cut the final word with "..." in text block with randon string number
So this is my solution which cut the end of my block, but without &...
0
votes
1
answer
68
views
SVG Component Rendering Inconsistently Across Browsers
I'm working on an SVG gauge component that works perfectly in Chrome but has rendering issues in Safari and Firefox. The gauge displays progress using a gradient fill and a rotating pointer. In Chrome,...
0
votes
0
answers
23
views
Why Can't I change my border color in input field of material-ui?
I am trying to change the input border color to white even if its focused, hovered or just by default.
I have create a theme using makeStyles for the text and input fields but it does not seem to work....
-1
votes
0
answers
29
views
Profile header not showing ( user not found ) error
so i have created a instagram clone in which i go to the profile section its saying user not found but in my code when i remove the "finally" block its showing only the skeleton but it ...
-2
votes
1
answer
18
views
Where to host video to preserve aspect ration/size (.mp4) [closed]
I have a React web application where I'm trying to display a .mp4 video. My current setup looks like this:
<div className="title-main-cont">
<div ...
0
votes
1
answer
55
views
How to show select option list on hover?
I want to show select option list on hover, but it's not working:
<div className="rating-option">
<select
id="rating"
className="rating"
...
-2
votes
0
answers
24
views
How to change the color of the svg icon using tailwindcss only while hovering through it? [duplicate]
I already read the questions about the SVG and this question my question is about how to do this with Tailwindcss only.
The project tools are React and Tailwindcss.
I want to change the color of the ...
0
votes
0
answers
35
views
unable to get consistent layout with tailwind for relative container
I am trying to build a form layout in a NextJS project with tailwind CSS.
here is the CodeSandbox Link for the issue.
After running the code in sandbox, please click the button the view the resulting ...
1
vote
0
answers
38
views
How to Reinitialize JavaScript Functionality for Dynamically Added Elements Without Duplicate Event Listeners?
I am developing a social media platform using Django for the backend and a purchased HTML template from ThemeForest for the frontend. The template was built using React and then exported to plain HTML,...
0
votes
3
answers
51
views
Tailwind - React - Best way to structure HTML based on screen sizes
What would be the best way to handle an element which needs to stay in a specific place if the screen width is > X and stay in another place if screen width < X?
Example: https://jsfiddle.net/...