mi6 / mi6/ic-ui-kit

Z-index is not correct for sticky ic-page-header

Aperta
#653 1 commento 0 reazioni 1 assegnatario Vedi su GitHub

@MI6-806 ci sta già lavorando.

Dal 9/6/2023.

good first issue page-header component
Lingua principale
TypeScript
Stelle
53
Fork
63
Merge medio
2g 4h
PR unite (30g)
15

Descrizione

## Summary of the bug
Spotted on the guidance site, the page header is sticky and should be shown above any page content. However, the ic-menu is displayed over it when it is opened and the page is scrolled.

## 🪜 How to reproduce
1. Go to https://design.sis.gov.uk/components/select.
2. Click the select example on the guidance tab so that the menu is open.
3. Scroll down whilst keeping the menu open.
4. The menu will appear above the sticky page header.

## 🧐 Expected behaviour
A sticky page header should cover all page content.

## 📸 Screenshots or code
![Screenshot from 2023-05-05 16-01-41](https://user-images.githubusercontent.com/117368893/236495128-db1b3293-2500-4533-b74b-970f877f13ae.png)

## Additional info
Will maybe need a new design token for a sticky page header z-index. Could then add that to page header when the sticky prop is applied.

Guida per i contributori

Apri la guida per i contributori

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Valutazione

Questa issue non è ancora stata valutata.

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.