Skip to content

Overscroll behaviour on UI panel stops forward/back navigation #14614

@JonKaric

Description

@JonKaric

Bug description

The UI panel component contains overscroll-x-contain. This disables the browsers default forward/back navigation when hovering, even if the panel isn't scrollable.
Users when using trackpads might find this confusing since most panels won't be horizontally scrollable anyway, and it goes against the expected behaviour.

How to reproduce

  1. Use a trackpad (magic mouse or similar will probably work too)
  2. Swipe to forward/back whilst hovering a panel component

Logs

Environment

nvironment
Laravel Version: 12.58.0
PHP Version: 8.5.3
Composer Version: 2.9.5
Environment: local
Debug Mode: ENABLED
Maintenance Mode: OFF
Timezone: UTC
Locale: en

Cache
Config: NOT CACHED
Events: NOT CACHED
Routes: NOT CACHED
Views: CACHED

Drivers
Broadcasting: log
Cache: file
Database: sqlite
Logs: stack / single
Mail: log
Queue: sync
Session: file

Storage
public/storage: NOT LINKED

Livewire
Livewire: v4.3.0

Statamic
Addons: 3
License Key: Not set
Sites: 1
Stache Watcher: Enabled (auto)
Static Caching: Disabled
Version: 6.16.0 PRO

Statamic Addons
fawnsoftware/statamic-payment-icons: 2.1.0
marcorieser/statamic-livewire: 5.3.1
statamic-rad-pack/shopify: 7.6.0

Installation

Fresh statamic/statamic site via CLI

Additional details

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions