CM
скиньте пожалуйста группу по node js
let isTagHidden =
element.scrollHeight > element.clientHeight ||
element.scrollWidth > element.clientWidth;
Пытаюсь что-то такое проверять, эти значения все одинаковы (принтонул, посмотрел)
Size: a a a
2020 October 30
Д
overflow: hidden не влияет на clientWidth
Д
даже если родительский элемент скрыл половину дочернего, clientWidth все равно будет показывать всю ширину дочернего
VL
Данис
даже если родительский элемент скрыл половину дочернего, clientWidth все равно будет показывать всю ширину дочернего
А как решить, не подскажете?
Д
А как решить, не подскажете?
можно узнать есть ли у родительского элемента overflow:hidden и его ширину/высоту. если oh есть и ширина/высота меньше, то соответственно часть дочернего скрыта
Д
хотя может есть вариант попроще, я чет даже не знаю
Д
А как решить, не подскажете?
const boxWrapper = document.querySelector('.box-wrapper')
const box = document.querySelector('.box')
const overflow = getComputedStyle(boxWrapper).overflow
const box = document.querySelector('.box')
const overflow = getComputedStyle(boxWrapper).overflow
Д
здесь overflow будет hidden, если boxWrapper имеет такой стиль
Д
так же ширину и высоту
Д
но может есть какое-то решение попроще я хз
Д
если родитель точно не известен, но очень надо это сделать, то можно пройтись по всем родителям с такой проверкой
Д
я мастер костылей)
t
А в чëм задача изначально?
Д
А в чëм задача изначально?
как я понял, есть элемент, который, возможно частично скрыт одним из родителей с помощью overflow:hidden
t
Данис
как я понял, есть элемент, который, возможно частично скрыт одним из родителей с помощью overflow:hidden
А я ничего не понял.
t
Д
А я ничего не понял.
ну типа есть блок, у которого ширина 500px и у него есть родитель с шириной 400px и с overflow:hidden
Д
но не факт, что такой родитель есть
t
Если ширина родителя меньше, то блок частично скрыт.
Д
вот я это и посоветовал сделать