Avatar for Username

Hilfe durchsuchen

Vorsicht vor Support-Betrug: Wir fordern Sie niemals auf, eine Telefonnummer anzurufen, eine SMS an eine Telefonnummer zu senden oder persönliche Daten preiszugeben. Bitte melden Sie verdächtige Aktivitäten über die Funktion „Missbrauch melden“.

Learn More

Dieses Thema wurde archiviert. Bitte stellen Sie eine neue Frage, wenn Sie Hilfe benötigen.

css combination (position:sticky; position: fixed; overflow: auto) works unexpected at Firefox browser

  • Keine Antworten
  • 4 haben dieses Problem
  • 13 Aufrufe
pkostaki
pkostaki
more options

Hello, I have a sample which works identically with well-known browsers (Edge, Chrome, Brave). But not with FF. Sample composed with elements with set css attributes:

  • wrapper has the overflow: auto;
  • element (let say "A1", nested into wrapper) has the position: sticky;
  • element (let say "A2", nested into A1) has the "position: fixed;"

Run and you can notice that A2 will cut if the height will reduce. This could be repro only for FF, not for other browsers. Could you, please, give an idea of the workaround?

Sample could be found here.

Thanks

Hello, I have a sample which works identically with well-known browsers (Edge, Chrome, Brave). But not with FF. Sample composed with elements with set css attributes: * wrapper has the ''overflow: auto;'' * element (let say "A1", nested into wrapper) has the ''position: sticky;'' * element (let say "A2", nested into A1) has the "position: fixed;" Run and you can notice that A2 will cut if the height will reduce. This could be repro only for FF, not for other browsers. Could you, please, give an idea of the workaround? Sample could be found [https://codepen.io/pkostaki/pen/abVQgBr here]. Thanks
Angefügte Screenshots

Geändert am von pkostaki