Новая навигация использует захват курсора при нажатии мыши

Здравствуйте,

Мне нравится новый макет навигации, но я обнаружил в нём проблему.


Чтобы воспроизвести ошибку, просто зажмите:

Это вводит в заблуждение: я думал, что смогу перетаскивать элемент, но вместо этого просто отображается курсор cursor:drag, который не выполняет никакой функции. Считаем, что лучше оставить его как pointer или default.

5 лайков

На устройствах с меньшей шириной экрана меню можно фактически захватить и перетащить, чтобы получить доступ к скрытым элементам:

Хотя, возможно, мы могли бы устанавливать курсор default только тогда, когда навигация не может прокручиваться.

5 лайков

Да, я заметил это, просто попробовав.

Однако я заметил небольшую несогласованность: метки скрыты вверху, но не внизу.

4 лайка

Не уверен, что это можно реализовать в CSS @awesomerobot?

6 лайков

Мы проверяем, можно ли прокручивать страницу при изменении размера, чтобы добавить элементы управления влево/вправо… так что, я думаю, это вполне осуществимо!

6 лайков

Это обеспечит возможность перетаскивания только когда прокрутка активна

Да, это намеренно: в нижнем списке больше элементов, и без текста их сложнее понять.

5 лайков

Эта тема была автоматически закрыта через 21 час. Новые ответы больше не принимаются.