Need info Author Bio not fully visible at end of article

Hi Ruud,

We've got a situation where the author bio is not fully visible after clicking "read full profile" when begin viewed on Safari.

In Chrome the element css is:

{
overflow: hidden;
position: relative;
max-height: 2320px;
height: 200px;
}

but in Safari the max-height is:

max-height: 1798px;

In element inspector in chrome, I switched max-height to 100% and that was adopted by "height" after clicking "read full profile".

Is it possible to change the max-height to 100%


I don't have a mac, so have been having my client inspect things while I watch on zoom.

Hi Tim,

The max-height is read from the browser using a Element.scrollHeight. It is compatible on all browsers (so also Safari)
So this should work on Safari as well.
When looking at the URL you gave me, I can see that in the about text is an image that is lazy loaded. So maybe that is the source for this behavior on Safari. Because the image is not loaded when the scrollHeight is taken, it is not in the equation?

Could you try to turn off lazy loading and see if this is indeed the root cause?

In the mean time I am trying to get my hands on Safari (not a Mac fan myself )

Small update: was able to get my hands on a developers VM with windows 10 and Edge, installed Safari (last version that is supported on Windows).
Now when visiting your test site i get the 'Safari can't open the page because can't establish a secure connection to the server' message... So that is a dead-end.

other sites open just fine btw.

I know, it's a pain.

I'm on the verge of breaking down and buying Mac laptop. I may need a new laptop for an upcoming trip so I might as well try to prove I'm not an old dog and can still learn some tricks.

If you could try disabling lazy load and / or remove the image entirely from the about text: just to pinpoint the root cause. If this is related to that image / lazyload, then we have something to work on