Skip to content

[4.x] z-index and positioning issues with Bard/Replicator new set popups #7704

Description

@duncanmcclean

Bug description

In testing out v4, I've noticed two bugs related to the z-index and positioning of the 'new set popup' for Bard & Replicator fields.

Bard: Nav is positioned on top of the popup

image

As you can screen from the screenshot, the border from the nav is showing on top of the popup. Also, to the left of that border, you can't actually click on anything in the popup.

When I scroll down to the 'Updates' part in the nav, it's on top of the popup contents.

Replicator: Popover no where near the 'Add Set' button

image

With the Replicator, the popup is showing at the bottom of the screen and I can only see one of the options as the rest are off the screen.

How to reproduce

  1. Setup a v4 site, based on Peak
  2. Clone down the master branch
  3. Run npm run dev
  4. Try to use Replicator & Bard fields

Logs

No response

Environment

EnvironmentApplication Name: Statamic 4 TestLaravel Version: 9.52.4PHP Version: 8.2.3Composer Version: 2.2.6Environment: localDebug Mode: ENABLEDURL: statamic-4.testMaintenance Mode: OFFCacheConfig: NOT CACHEDEvents: NOT CACHEDRoutes: NOT CACHEDViews: CACHEDDriversBroadcasting: logCache: statamicDatabase: mysqlLogs: stack / singleMail: smtpQueue: syncSession: fileStatamicAddons: 4Antlers: runtimeStache Watcher: EnabledStatic Caching: DisabledVersion: dev-master PROStatamic Addonsstudio1902/statamic-peak-browser-appearance: 1.0studio1902/statamic-peak-commands: 1.24studio1902/statamic-peak-seo: 1.6.1studio1902/statamic-peak-tools: 2.1

Installation

Starter Kit using via CLI

Antlers Parser

None

Additional details

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions