Включение `overflow: scroll` для родительского объекта делает прокручиваемый дочерний объект недоступным - PullRequest
Новая
       10

Включение `overflow: scroll` для родительского объекта делает прокручиваемый дочерний объект недоступным

0 голосов
/ 22 сентября 2019

В Handsontable есть объект DropDownMenu.Мне удалось уменьшить его высоту и добавить CSS-свойство overflow: scroll.Кроме того, внутри него есть дочерний объект CheckboxList (CheckBoxRenderer), который также можно прокручивать (используя то же свойство overflow: scroll).

Проблема в том, что когда я делаю DropDownMenu (родительский) прокручиваемый, я не могу добраться до CheckboxList (дочерний) - я не могу ни установить флажок, ни прокрутить дочерний объект.

IsЕсть ли способ добавить какое-либо свойство, например : focus или : active для достижения дочернего объекта?

Хорошо, вот подвох:

Это дочерний объект 

.htDropdownMenu .ht_master .wtHolder {
  overflow: scroll;
}

Это родительский элемент: 

.htDropdownMenu .ht_master .wtHider {
  overflow: hidden;
  width : 130px !important;
}

Теперь все в порядке - дочерний объект прокручивается и корректно проходит по всем существующим строкам в списке, а также по нажатию.

Давайте немного их поменяем.Я хочу сделать родительский объект меньше, поэтому я добавляю высоту в стиль класса.Из-за этого некоторые объекты скрываются из-за переполнения, поэтому я добавляю прокрутку, и вот результат: 

.htDropdownMenu .ht_master .wtHider {
  overflow: scroll;
  width : 130px !important;
  height: 130px !important;
}

В результате родительский объект становится прокручиваемым, но дочерний объект не прокручивается (несмотря на то, что имеетoverflow: scroll свойство)

...