All Questions
11,388
questions
1
vote
0
answers
43
views
jsPDF not working with central text alignment
I'm trying to export my React table component as a pdf using jspdf and html2canvas but while the table looks fine the exported pdf has all text in fields start from center rather than being central ...
1
vote
0
answers
28
views
How to create a curved transition effect between tabs in CSS? [duplicate]
I'm working on a tab component where I want to create a smooth, curved transition between the active tab and the next tab.
I have tried using CSS pseudo-elements, but I couldn't achieve the desired ...
-1
votes
0
answers
30
views
Material UI Card - skewed background
I've been trying to make a Material UI Card component that would get, among others, color props and have the background skewed as in the picture.
Now, I know that I can give the main Card component a ...
0
votes
1
answer
59
views
Cannot override CSS module style with style in global (or external) stylesheet in React / Next.js / React Native
I'm struggling to find a solution to this simple problem. I have a component which I, by default, style using a class from a *.module.css file. However, I want to override this style with one from a ...
1
vote
0
answers
28
views
scrollTop value after assigning an integer becomes floating in mobile browser and integer in desktop
let currentScrollTop = Math.round(scrollableDiv.scrollTop);
let lineHeightInt = Math.round(lineHeight);
console.log(currentScrollTop+lineHeightInt)
scrollableDiv.scrollTop = Math.round(...
0
votes
2
answers
61
views
react-datepicker anchorDirection="bottom" not working [closed]
I am using react-datepicker to display a time picker component but I want the time list to be displayed in the bottom of input component but it's currently showing on top of the input field.
code :
&...
-1
votes
0
answers
19
views
Scrolling to top via anchor tag issue when there is still some "scroll left" and clicking a tag
I have a straightforward scroll to top button via anchor tag, and it works as expected. Except for one issue which I'll try to describe the best I can how I've observed it:
I scroll with mouse wheel ...
0
votes
0
answers
34
views
getBoundingClientRect() method returning different top value in different devices
In reactjs, I am displaying a cursor before the current letter in a typing test app. I am using the current letter's absolute positions to position the cursor. It is working, but when used in mobile ...
0
votes
1
answer
43
views
How to properly add a new row inside an existing table in react?
I am fairly new to react and trying to add a row in an existing table when a button is pressed . The table row is added normally just the onlick functions are printing as normal html text not as code (...
0
votes
0
answers
24
views
the data in the code is properly fetched but also it shows the data as undefined and destructing is also done properly
I'm encountering a TypeError in my React application. The error message is:
TypeError: Cannot destructure property 'image' of '(intermediate value)' as it is undefined. Restro src/components/...
0
votes
0
answers
29
views
LiDAR Visualization using react
I am very new to this LiDAR data, and I want to know why the data isn't showing up. I used .las file and converted it into .json file using phyton language using pdal method, then I tried to visualize ...
0
votes
1
answer
47
views
how do i remove the pop-up windows background from MUI? [duplicate]
i want to remove the white pop-up background of mui's default css.
<Dialog
open={open}
onClose={() => {
setOpen(false);
}}
>
<DialogContent&...
0
votes
1
answer
33
views
The div wont take the box shadow style in ReactJS
i have a div that has box shadow
<div
className="text-white"
style={{
boxShadow: `0px 131px 64px -44px ${brightestColor} rgba(0, 0, 0, 0.75)...
0
votes
1
answer
69
views
I am trying to implement dark mode functionality in my header component , so i created context api to handle it but its not working
first i have root component which handles the component tree ,
RootApp.jsx
import { Suspense } from 'react';
import { HashRouter as Router } from 'react-router-dom';
import { Provider } from 'react-...
-3
votes
1
answer
52
views
What I want to do is I want to make a circle and find the pixel coordinate on the circle circumference to lay my images on that circle div [closed]
So Hello everyone, I have a question that how can I find the pixel coordinates on the circumference of the circle div, because I want to place elements on it dynamically using React/JS by clicking ...