All Questions
368
questions
0
votes
1
answer
38
views
Why do children of tailwind grid divs inherit their siblings' classes, such as padding and margin?
<div class="grid grid-cols-3 gap-2">
<div class="children-1 col-span-1 p-4 border rounded-md flex justify-center items-center bg-red-600 text-white">Hello</div>
...
0
votes
1
answer
11
views
How to avoid outer border and modify outer layout of Form using @rjsf/core
I am using Form of @rjsf/core library. Imported the two lib need to be used.
import Form from '@rjsf/core';
import validator from '@rjsf/validator-ajv8';
And using the same as per documentation as ...
0
votes
1
answer
46
views
how to keep the nested collapsible table row inside main tabe row in mui table react?
I have a Material UI (MUI) table with a border color and background color. Each table row needs to have a collapsible table row. MUI's documentation shows a separate table row and uses React.Fragment, ...
0
votes
2
answers
71
views
React show last element
I have an issue and couldn't find any approach to solve it.
I make a pet chat application, and of course, I want to show last message,
but because the last message appears at the end,
so I need to ...
0
votes
0
answers
24
views
Responsive Cards Layout Not Displaying in Columns on Large Screens
I am working on a React project where I have a list of cards that should display in columns when the screen width is large. However, the cards remain stacked one below the other even when the screen ...
0
votes
1
answer
46
views
Change styling navbar from PrimeReact
I want to change the background color of the navbar that was created using PrimeReact. But I do not know where do I put the CSS styling. I try many time but none of them work. I only want to change ...
1
vote
0
answers
29
views
useRef returns incorrect Height on element during SSR
I have component which render's three component using map and I have implemented expand/collapse feature on each child component.
Inside the component I am using refCallback to get the full height of ...
1
vote
4
answers
78
views
React: How to change CSS of only one card in a map function for cards
I am very new in react, and am trying to create a function that maps 5 cards on the screen from an array but is able to change the CSS of only the one that is clicked.
export default function Projects(...
0
votes
0
answers
20
views
How to change rocket.chat livechat/omnichannel css if it is working in iframe in free version?
Is it possible to change styles in the free version of Rocket.Chat?
For example, I need to change the color of the support agent's name to black, but I don't have such ability from the admin panel. ...
1
vote
0
answers
38
views
React UI doesn't show as expected on screen(instead is aligned to the left and missing styling)
Beginner here. I am trying to render a frontend page with React, but the result it's not as expected.
I had to ask here, as I couldn't find the solution myself.
You can see my result and how it should ...
0
votes
0
answers
15
views
My Colum Carousels won't come back around when I want them to
I have a few columns to display content on a React page I'm building. I've been able to animate them so they reach the end of the container and then loop back around - however the first image waits ...
0
votes
1
answer
26
views
Multiselect dropdown overlaps my table, I want the dropdown to push the table down
I'm encountering an issue where a multiselect dropdown is overlapping a table in my web application. Despite trying various CSS adjustments and manipulating the z-index, the problem persists.
My css ...
0
votes
1
answer
51
views
Tailwind media queries not working properly
tailwind media queries work ok above 1000px but when used for less than 1000px not work.
working ok for this code.
\<div className="flex max-\[1000px\]:hidden"\>
but not working
when ...
0
votes
0
answers
40
views
Why there is input delay (textarea) in React when setting background image?
The components are independent, when I press keyboard there is a super delay in the input, when I remove the background image, there is no delay. is this cause by the background image re-render?
When ...
2
votes
0
answers
149
views
Create dynamic theme using vanilla extract css
i have theme Provider Component using vanilla extract
import { createContext, useEffect } from 'react';
import { ThemeManager } from './ThemeManager';
import { ThemeContextProps, ThemeProviderProps } ...