React Slick с пользовательским интерфейсом Chakra с использованием Flex создает переполнение на 1000 %.CSS

Разбираемся в CSS
Ответить
Anonymous
 React Slick с пользовательским интерфейсом Chakra с использованием Flex создает переполнение на 1000 %.

Сообщение Anonymous »

Итак, я пытаюсь создать карусель, используя react-slick внутри поля, которое всегда центрируется по экрану независимо от разрешения,
вот мой код:

Код: Выделить всё

import { Box, Center, Flex, Heading } from "@chakra-ui/react";
import React from "react";
import Slider from "react-slick";

const App = () => {
const setting = {
dots: false,
infinite: true,
speed: 500,
slidesToShow: 1,
slidesToScroll: 1,
};
return (







600 x 400


{/* Slide 2 */}


600 x 400







);
};

export default App;

и я заметил, что всякий раз, когда вы пытаетесь использовать его с VStack, Center или Flex, его ширина по горизонтали или overflowX превышается на 1000 % вправо, вы можете это проверить на изображении ниже
p>
Изображение

so хм, почему это происходит и что мне следует знать, чтобы не вызывать этого в будущем?

Подробнее здесь: https://stackoverflow.com/questions/793 ... ow-by-1000
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»