marvin1003/zwanzig-grad

zwanzig-grad

zwanzig-grad's Issues

Header stuttering while scrolling on iOS devices.

Contact form didnt work on old safari versions. -- e.g ipad mini 1

Might be due to some bug in connection with the TextHover effect which prevents the onclick event from getting triggered which results in the form data not getting send.

Context provided in the top level component _app.js is undefined when consumed in pages for SSR.

vercel/next.js#4194

Intersection Observer - LazyLoading

Doesnt work properly when the perspective is changed and the elements are moved along the z axis.
You can easily debug it when you use the dev tools to check where the parallax elements are really placed. They just seem to be where they are, thats the magic of perspective + transform. They are actually somewhere else positioned in the DOM and have a different size. We had to calculate everything with sass mixins in order to get the parallax effect (achieved by perspective and transform) but still have them visually sized and positioned as we want them to be.

Since the parallax effect is created using 3D transforms, translating an element along the Z axis has a side effect - its effective size changes as we move it closer to or farther away from the viewport. To counter this we need to apply a scale() transform to the element so that it appears to be rendered at its original size: - keithclark

Sometimes they are placed outside of the viewport along the x axis (even tho they are visually inside) which results in the Intersection Observer not being able to recognize the element as in the viewport. There is another issue affecting the detection on the y axis. Its also a side effect of the css parallax.

Double tap zooming on iOS devices causes bugs in certain situations.

Either prevent double tap zooming or fix the bugs.

some CSS parallax elements are mispositioned on old safari versions