• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

Browser issue Jumping header of the forum

Affected version
Safari browser 11.0.1 (13604.3.5) & XenForo v2.0.0 Beta 8

Astra

New member
#1
Look at the forum through the Safari browser (11.0.1), clicking on the tabs, jumps because of the logo of the forum header.
 

Chris D

XenForo developer
Staff member
#2
This isn't something I can reproduce on a slightly more recent version of Safari on both iOS and macOS.

Such a behaviour would suggest that it's not loading assets from the browser cache but instead re-fetching them each time. Was this Safari on macOS or iOS?

Can you reproduce the issue here or is it on some other site?
 

Astra

New member
#3
Of course I can, here's the video
On iOS - everything is in order, this behavior only on iMac 5K and MacBook Pro 2017, with the latest updates Safari
Accordingly, and on my forum, everything here also jumps, for all who work for the Apple iMac
At first I was looking for a mistake in myself, but then users began to write that the top of the forum behaves very strange. But when I noticed that in your forum too, I opened the topic. The problem only concerns forums where the logo has a picture, if it's text, there are no problems.

 
Last edited:

Chris D

XenForo developer
Staff member
#4
That seems to be the total opposite to what I'm seeing here. The only difference being I'm using Version 11.0.2 (13604.4.5). But @Kier has just had a go too and we're not seeing anything like that.

I mean, I can obviously understand how it could happen, at the end of the day there's a period of time between when the image is requested and when it is loaded and until it loads it doesn't know its height, but typically that wouldn't matter or would be so negligible you wouldn't see it. After at least the first load, it should start loading from the cache rather than having to re-download it. My only theory was perhaps we're looking at older hardware here, but clearly that's not the case (you're actually using newer hardware than me, at least, as I've got a 2016 MBP).

Could you open the "Network" tab in your browser and screenshot its contents after what should be a cached page load? Mine looks like this:

1509996802134.png
 

Astra

New member
#5
Sorry, but I have a Russian version of OSX :)
But basically the same thing as you. The cache was not deleted, so most likely the logo is not cached for some reason. I repeat, the problem is only on Safari, in other browsers it is not detected.

Снимок экрана 2017-11-06 в 22.39.31.png
 
Last edited:

Chris D

XenForo developer
Staff member
#7
Interesting!

I had a similar thought but I use uBlock in Chrome at least and I couldn’t reproduce it with that.

In that case this is mostly something we can’t do much about unfortunately.
 

Astra

New member
#8
The main thing is that the issue is solved and voiced and you can find a solution and close the topic! Thank you very much, we are looking forward to the final release, we are looking forward to translating all your resources into your forum!
 

Astra

New member
#10
Setting height for logo <img> can fix this, but that would require setting it manually just like in XF1.
I thought about it, but this is my first forum on XF - if you describe in detail where to go, what to click and insert the height size, I will be very grateful to you!
 

CyberAP

Well-known member
#11
I thought about it, but this is my first forum on XF - if you describe in detail where to go, what to click and insert the height size, I will be very grateful to you!
Open extra.less template and paste this:
Code:
.p-header-logo.p-header-logo--image img
{
  min-height: 50px;
}
Replace 50px with your logo height and save.