All Questions
25,044
questions
-2
votes
1
answer
29
views
Why is footer not taking 100% width? [duplicate]
I have this simple React app and my footer does not take 100% width (I see small white space on the left and right sides). Can anyone tell me what I'm missing, please?
Here's LIVE DEMO
Here's my css:
....
- 1,782
0
votes
0
answers
8
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
15
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
17
views
Uneven spacing between flex items when using flexbox [duplicate]
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
35
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