All Questions
Tagged with react-hooks css
390
questions
0
votes
3
answers
57
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
31
views
Trigger handle click on only one item at a time in a map
I am working on an app that allows the user to select a vehicle from a list. The problem I am having at the moment is that when I try to map the vehicles to a list and select a single vehicle to set ...
0
votes
2
answers
31
views
How can I get the data from the API to display with the webpage becoming unresponsive?
I am building a guessing game built wtih react and "artsy.api". The guessing game can be accessed through my index page by clicking a button.
<Link to="/guessing-game">
{&...
0
votes
0
answers
10
views
Why is my state "detail" always empty when only trying to empty it on modal closure? [duplicate]
I am attempting to create some logic for dynamically creating a carousel if a part has more than one image to be show (detail represents that it does). However, while setting the detail works, if I ...
0
votes
1
answer
64
views
How to get position of a div dynamically in react?
I've been trying to create an effect similar to this one:
whenever a div is hovered a bigger div covers it showing more details about the card.
This is the jsx code(All classes are Tailwind css ...
0
votes
0
answers
73
views
How can I use react-native-image-marker with Expo to add watermarks to images?
I am attempting to add watermarks to images within an Expo project using the react-native-image-marker library. My goal is to overlay text and potentially images onto existing images displayed within ...
0
votes
0
answers
45
views
Framer-motion scrollYProgress not triggering on Nextjs 14.1.0 page.jsx
** Am experience no scroll trigger animation switch from the y-scroll to x-scroll automatically using framer motion in nextjs 14.1.0, does anyone know the solution or what I may be missing in this ...
0
votes
0
answers
42
views
dropdown is close when i click outside and whene i click in the <li> is not closed
This is my useEffect function for if i click outside of the liste it will be closed
First when i click in the <li> the list is showed but when i click again in to <li> it doesn't closed
...
0
votes
0
answers
56
views
CSS Transform Rotate will not allow elements inside div to rotate
I am basically trying to create flashcards but with food recipes, I want to show the name and title of a recipe and once you click on the card it flips to the back showing the recipe. I'm trying to ...
0
votes
0
answers
44
views
Unable to prevent main window scroll on focus of element within a dropdown
I'm trying to use a custom drop-down menu component that shows a list of checkboxes, the size of the list can vary between users, so I've set a max height and overflow to auto to allow scrolling if ...
0
votes
1
answer
109
views
Calendar in React - 2 week layout
I want implement a 2 week calendar in my React project.
I have tried to look at multiple libraries, but I can't find one that fits the layout I wanna recreate.
The show more dates should just show the ...
-1
votes
1
answer
41
views
How can i get change the input text color of components that are not related each other?
i'm having this issue with my components, the thing is that i'm using at this moment 3 main components, one is called Page.jsx the other is called Pencil.jsx and the other is PencilCase.js.
This is my ...
1
vote
1
answer
186
views
How to use CSS transitions on react useState elements?
I have a website in which I want to change between different HTML sections, and during these changes that happen in a click of an button I want for the section to for example just fade in.
I made a ...
0
votes
0
answers
45
views
Images loading again even after preloading
I am trying to preload images and set them as background in the React HOC component, but despite loading it the css is calling and caching the Images again.
interface ImagePreloaderProps {
pictures:...
1
vote
2
answers
76
views
React - Filter Mapped List
I want to only show values greater than 0 on each row.
I tried filtering for black > 0 etc but it removed the whole row, whereas i just want to make a 0 into an empty string essentially.
Here is my ...