All Questions
25,067
questions
0
votes
0
answers
6
views
CSS Text flip animation working on web, android, but not on IOS safari/chrome
I am currently trying to use this text flip animation, but I realised that it doesnt work well on IOS safari/chrome. Doesnt work as in, the text flips, but the red flip text cannot be seen
When I ...
0
votes
0
answers
10
views
React & Cypress Component Tests: How to pass an object to an imported library in the Cypress setup?
I'm setting up Cypress to run component tests on a React-based app. The app uses multiple libraries, which I cannot change in any way. Although the app runs perfectly well, I'm unable to get any ...
- 537
0
votes
1
answer
15
views
Uneven spacing between flex items when using flexbox
NavBar.js
import React from "react";
import ReactDOM from 'react-dom';
import ReactDOMServer from 'react-dom/server';
import './NavBar.css';
function NavBar() {
const heading = 'first ...
- 21
0
votes
0
answers
11
views
sticky worked fine but after adding menu navbar it broke right now not working
I was using the CSS position: sticky on my sidebar so it moved down as the user scrolled. However when I added the mobile menu which transitioned in from the right, the sticky sidebar broke. Could not ...
-1
votes
0
answers
30
views
How to add a horizontal scroll onclick with a button or arrow?
I am trying to add a simple button to scroll horizontally, not using any libraries or anything just want to keep it simple. As of now I have the cards flowing horizontally in one row and there is the ...
- 1
0
votes
0
answers
12
views
How can i call the object parametr inside the object
I have some array with objects and i need to define condition of style showing which connected with one of the object attribute
const location = useLocation();
const userLinks = [
{
title: ...
- 1
0
votes
0
answers
13
views
How to debug scroll event fired a lot later than the pointermove event?
With Chrome's 20x slowdown + device emulation, you can see that the first scroll event occurs 230ms after the first mousemove event:
On Android (a flagship 2023 phone), without any artificial ...
- 25.6k
0
votes
4
answers
52
views
How to break a flex into new row for dynamic data [closed]
I am working on a video calling application using reactjs. LocalTile component contains video of local user and RemoteTiles is returning videos of all remote users. My desired layout is like for 3 ...
- 25
0
votes
2
answers
29
views
How to pin control elements in the chip list with flexWrap?
In base I have a list of filter chips. This chips are li elements and placed in the ul parent element:
<Stack
className={`${className} filter-list`}
width='100%'
component='ul'
padding={0}
...
- 177
0
votes
1
answer
34
views
Simple Floating Placeholder in HTML and CSS wihtout setting background to placeholder
hello i am doing a simple floating placeholder on input. but i dont want to set the placeholder a background, since i have different input backgrounds and different background styles. is there a way ...
0
votes
0
answers
14
views
Change Face-api.js landmarks pointColor
This is my code and i want to Change pointColor and lineColor but i don't know how?
I am using fast-api.js library and i don't found any sample with customized Landmarks Styles.
export const ...
- 13
0
votes
0
answers
24
views
Fade out animation on Popup React js
I am currently using react and I have a popup modal that I am trying to animate and i can get the fade in animation working but I can't get it to fade out. Is this possible to do?
Here is my code:
...
- 31
-2
votes
0
answers
51
views
align absolute position div to bottom of parent div [closed]
I am building react-native app using pure css. im struggling to make the backgroundImage align towards the bottom with my grid.
import React from 'react';
import { View, Image, Text, StyleSheet } from ...
- 436
-1
votes
0
answers
48
views
Media query overwriting native css [closed]
Whatever I place under the@media (min-width: 1920px) changes the styles at a smaller size screen. Basically I´m working only on laptop screen, full laptop screen and 24 inches screens and full size 24 ...
- 1
0
votes
0
answers
18
views
Framer motion animation flickers when animating
When the animation completes it flow, it flickers once. So when it fades from the left it flickers and when it leaves it flickers
import { motion, useInView } from "framer-motion";
import { ...
- 39