CSS: overflow-x: прокрутка работает в «режиме устройства» инструментов разработчика Chrome, но не иначе ⇐ CSS

[Anonymous]

Я работаю над верхней панелью навигации, в которой определенные кнопки находятся в горизонтальной части панели навигации и могут сжиматься по мере сужения окна, а когда выделенная область сжимается, внутренний элемент div, содержащий кнопки, должен иметь возможность прокручивайте влево и вправо, чтобы пользователь мог выбирать между кнопками.
Итак, я настроил его так, что внешний элемент div настроен на гибкость (поэтому он может увеличиваться и уменьшаться по мере необходимости). окно становится больше и меньше) и overflow-x: прокрутка, затем внутренний элемент div, который содержит кнопки и имеет полную ширину, необходимую для размещения всех этих кнопок.
Проблема, с которой я столкнулся, заключается в том, что это перетаскивание работает, когда я использую «режим устройства» Chrome devtools, но в противном случае оно не работает, и я не могу понять, почему.
Возможно чтобы перетащить внутренний элемент div в «режим устройства» Chrome devtools:


Невозможно перетащить внутренний элемент div вне «режима устройства»:


Интересно, что удерживая клавишу Shift и используя колесо прокрутки, действительно я могу прокрутите div.

Подробнее здесь: https://stackoverflow.com/questions/785 ... t-otherwis