Я застрял с этой довольно раздражающей ошибкой при попытке реализовать боковую панель.Сначала я использовал Angular Material и добавил боковую панель, так как она по умолчанию не поддерживает функцию смахивания. Я добавил div в правой части страницы с помощью hammerjs. Я придумал довольно простое решение, чтобы вручную открыть боковую панель после смахивания влево.
<div style="position:absolute;height:100%;width:40px" (swiperight)="drawer.toggle()"></div>
Но по какой-то причине, когда я провожу пальцем, мне нужно подождать некоторое время, прежде чем я действительно смогу нажать на любой из элементов боковой панели (или любой элемент на странице).Этого не происходит, когда я использую кнопку «бургер», чтобы открыть боковую панель.
Однако, похоже, это не только для angular / hammerjs (как я изначально думал).Похоже, это также происходит на боковой панели Ionic по умолчанию (как угловой, так и реагирующей), и только на Google Chrome (работает так, как задумано в Firefox).
Я подумал, что это должно было что-то делать с задержкой в 300 мс на Chrome, и увидел, что
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1">
решит это, но не решит, и на данный момент я не уверен, что является причиной этого.Вот видео, демонстрирующее ошибку https://imgur.com/a/gWxLZI1 Как видно, касание / нажатие сразу после пролистывания не вызывает изменения страницы.Нажатие / нажатие сразу после открытия боковой панели с помощью кнопки «Бургер» работает по назначению.