Set elements to full height, conflict with snap-scroll

[robinweissenborn]

Images in the project sites are not visible at the moment.

[reneweiser]

Images are loading properly. Looking at the srcset attributes the links are there but showing them on the page seems to have a glitch somewhere.

[reneweiser]

This problem still persists on chromium browsers. Firefox seems to be fine.

[moritzebeling]

Added all prefixes for all browsers

height: 100vh;
height: -moz-available;
height: -webkit-fill-available;
height: fill-available;

but still it doesn’t work in chrome, even tho the property is supported

[moritzebeling]

Okay, alles zurückgesetzt. Das Problem ist, bei mobilen Browsern gibt es diese Leiste am unteren Fensterrand mit "zurück" und "share" und so. 100vh geht unter dieser Leiste durch bis zum unteren Rand. 100% geht nur bis zur Leiste und hört dort auf, auch wenn dann die Leiste durchs Scrollen verschwindet.
height: fill-available; soll das verhindern, dass immer genau die Höhe verwendet wird, dich auch sichtbar ist. Chrome sagt mir, dass height: -webkit-fill-available; eine gültige Regel ist, zeigt aber trotzdem nix an...

[moritzebeling]

Aha, dadurch dass ich es jetzt wieder weg gemacht hab (und auch in Chrome wieder angezeigt wird) gibt es jetzt in Safari einen nervigen Bug mit dem Snap-Scroll, da die Seite dadurch länger ist, als ein x-faches des viewports