Comments 9
Трек представляет собой CSS Grid, состоящий из двух ячеек, между которыми может перемещаться ползунок.
Судя по коду и демо, там одна ячейка.
Но мне все равно любопытно из каких соображений тут grid?
Спасибо за замечание.
Ошибся.
Честно говоря, не до конца понимаю, как правильно перевести эту часть.
Был бы благодарен за помощь.
The track also creates a one by one single cell grid track area for a thumb to claim
Если я не ошибаюсь, grid используется для позиционирования ::before вместо традиционного position: absolute.
Вроде нет.
Псевдоэлемент смещается с помощью свойства "transform". А ему без разницы, в каком контейнере лежит элемент
transform меняет только позицию при смене состояний - on/off/indeterminate. А grid отвечает именно за изначальное позициониирование элемента относительно родителя. Он как-раз про это говорит на 10:39.
Как лучшую практику я всегда советую устанавливать позицию перемещаемых джаваскриптом элементов в процентах относительно родителя, так при масштабировании меньше шанс что он забудет обновиться и вылезет за пределы контейнера.
Сколько же терпения надо, чтобы про милипусенький переключатель столько написать(перевести)! Спасибо, за перевод, думаю пригодиться - добавлю в закладки.
Создание компонента Toggle