ic-design-system icon indicating copy to clipboard operation
ic-design-system copied to clipboard
verified publisher icon mi6

Site - Date picker calendar overlays Page Header

Open GCHQ-Developer-539 opened this issue 1 year ago • 3 comments

Summary of the bug

.../components/date-picker, when the component demo calendar is open, it overlays the Page Header component when scrolling down the page.

🪜 How to reproduce

Tell us the steps to reproduce the problem:

  1. Go to page: .../components/date-picker
  2. Click on: display calendar
  3. Scroll down
  4. See the error

📸 Screenshots or code

Screenshot 2024-06-13 at 15 25 04

Tested on HS and LS, replicatable

🧐 Expected behaviour

Expected behaviour would be that the Hero is the top item of the Z-index

GCHQ-Developer-539 avatar Jun 13 '24 14:06 GCHQ-Developer-539

This was previously implemented as intended behaviour in https://github.com/mi6/ic-ui-kit/commit/b6f650b6da2046b50333baf56f7cc6c041012372

Need to decide which is correct behaviour

ad9242 avatar Jun 21 '24 12:06 ad9242

Design to look if we want it to go over on a sticky page header, and go under on non sticky page header

MI6-255 avatar Jul 25 '24 09:07 MI6-255

Still occurs on v3

mi6-577 avatar Mar 20 '25 10:03 mi6-577

This is intended behaviour, closing

MI6-255 avatar May 08 '25 09:05 MI6-255