Вопрос: Как в реакте через рефу адекватно получить ширину обьекта? Суть

Question

Вопрос: Как в реакте через рефу адекватно получить ширину обьекта? Суть

вопроса: Ширина компонента ровно 300рх не учитывая box-shadow в 1рх. С помощью гугла испробовал три разных варианта, а именно:
1. ref.current.getClientBoundingRect().width
2. ref.current.clientWidth
3. ref.current.offsetWidth

Все они возвращают 302рх ширины, а минусовать 2рх не вариант, поскольку отображение в сторибуке и в самом проекте несколько разное, ввиду чего при вычетании сьих 2рх в сторибуке все отображается отлично, а в проекте этих 2рх не хватает и наоборот, если их не убирать, то в проекте будет окей, а в сторибуке будет два лишних пикселя.

Итог: Шо делать

#frontend #javascript #programming #react.js #russian

0

21.04.2021

5 ответов

13 просмотров

krau5 Автор вопроса

Serge L.
А дело точно в бокс-шедоу? Если ее убрать, то шири...

Ммм, щас попробую убрать, но однопиксельного бордера там, к сожалению, нет

0

21.04.2021

Serge L.

krau5
Ммм, щас попробую убрать, но однопиксельного борде...

А однопиксельный паддинг?

0

21.04.2021

krau5 Автор вопроса

Serge L.
А однопиксельный паддинг?

паддинги, марджины, бордеры - отсутствуют

0

21.04.2021

PepeCat

Посмотреть бы пример этого чуда

0

21.04.2021

Serge L. · Accepted Answer

Serge L.

А дело точно в бокс-шедоу? Если ее убрать, то ширина норм становится? Просто вдруг у вас есть бордер однопиксельный и box-sizing: content-box вместо border-box

0

21.04.2021

169 похожих чатов

Вопрос: Как в реакте через рефу адекватно получить ширину обьекта? Суть

5 ответов

Похожие вопросы