[layout issue] Reply buttons

[Jawloms]

Is this just me?

 

[FishCustard]

Looks fine here - is that cross-browser for you?

[Jawloms]

That was in Chrome. This is IE;

 

[Dos_Box]

It's fine for me too.

Have you tried the oldie but goldie of clearing your cache?

[Jawloms]

Yes I have.

[FishCustard]

Use Chrome Inspector to see if the images are failing to download - if so, dump the HTTP response here.

[Jawloms]

Is this relevant;

 

213861-reply-buttons.html:71 A parser-blocking, cross site (i.e. different eTLD+1) script, https://awscdn.cdngeek.com/clientscript/yui/yui_combo_minasset_2.9.0_1.js?v=423b4-2901a, is invoked via document.write. The network request for this script MAY be blocked by the browser in this or a future page load due to poor network connectivity. If blocked in this page load, it will be confirmed in a subsequent console message. See https://www.chromestatus.com/feature/5718547946799104 for more details.

(anonymous) @ 213861-reply-buttons.html:71

213861-reply-buttons.html:71 A parser-blocking, cross site (i.e. different eTLD+1) script, https://awscdn.cdngeek.com/clientscript/yui/yui_combo_minasset_2.9.0_1.js?v=423b4-2901a, is invoked via document.write. The network request for this script MAY be blocked by the browser in this or a future page load due to poor network connectivity. If blocked in this page load, it will be confirmed in a subsequent console message. See https://www.chromestatus.com/feature/5718547946799104 for more details.

(anonymous) @ 213861-reply-buttons.html:71

[win]

Have you checked the zoom settings on your browser?

[Jawloms]

Hadn't, but have now. They were fine, issue persists.

[Jawloms]

Just went to lunch and took my laptop with me to the car, set my phone up as a hotspot, all fine. Presumably something in my filtering for some reason.......

[robyholmes]

Just went to lunch and took my laptop with me to the car, set my phone up as a hotspot, all fine. Presumably something in my filtering for some reason.......

 

Looks like its blocking the icons and the alt text is over the normal text.

[ZeroHour]

I have deployed a cache buster (not so much for your end but the CDN end)

Are you using the theme Mint?

Is it still happening?

[Jawloms]

I have deployed a cache buster (not so much for your end but the CDN end)

Are you using the theme Mint?

Is it still happening?

 

Yes I am and yes it is.

[ZeroHour]

Can you try opening:

https://awscdn.cdngeek.com/img/a/vb/buttons/reply_40b.png?v=423b4-1306a

[Jawloms]

I get an entirely black screen with a barely noticeable, tiny grey arrow in the middle.

[ZeroHour]

I get an entirely black screen with a barely noticeable, tiny grey arrow in the middle.

 

Which implies the image can be loaded but wont in the page. The console error before you posted was okay.

I would load the page with the developer tools -> network tab and see if it gives an error code.

Also what version of chrome are you using? chrome stable?

[Jawloms]

Can't see any error codes, but if I'm honest I've never used that before so don't really know what I'm looking for!

 

Chrome is Version 80.0.3987.122 (Official Build) (64-bit), but is presumably irrelevant anyway as IE was doing similar. In both, I believe the picture is there, it is simply obscured by the alt text and it's little icon. Need to look really closely!

 

[ZeroHour]

Can't see any error codes, but if I'm honest I've never used that before so don't really know what I'm looking for!

 

Chrome is Version 80.0.3987.122 (Official Build) (64-bit), but is presumably irrelevant anyway as IE was doing similar. In both, I believe the picture is there, it is simply obscured by the alt text and it's little icon. Need to look really closely!

 

[ATTACH=CONFIG]56946[/ATTACH]

 

Okay that looks like the hover image:

https://awscdn.cdngeek.com/img/a/vb/buttons/reply_40b-hover.png?v=423b4-1306a

[Jawloms]

I can get to that too, it's just slightly blue rather than grey. And if I mouse over the mess which you can see in my screenshots, I can see it is going blue underneath.

 

[ZeroHour]

I can get to that too, it's just slightly blue rather than grey. And if I mouse over the mess which you can see in my screenshots, I can see it is going blue underneath.

 

[ATTACH=CONFIG]56948[/ATTACH]

 

That leaves one image left:

http://www.edugeek.net/clear.gif?v=423b4-0203a

[Jawloms]

Looks like we have a winner!

 

[ZeroHour]

Looks like we have a winner!

 

[ATTACH=CONFIG]56949[/ATTACH]

 

I will rename the image as its just a spacer image lol.

[ZeroHour]

So its changed in bits for now but it appears "clear.gif" is used quite a lot through the source which will be a nightmare to test.

[Jawloms]

Well don't stress too much if it's only me! Thanks for all your help figuring it out!

[geverwills]

A parser-blocking, cross site (i.e. different eTLD+1) script,

According to Google Developers article,

 

you can:Use asynchronous script loading, using

 

It is better don't use document.write for CDN, here is workaround:

 

var script = document.createElement('script');

script.src = "....";

document.head.appendChild(script);

Edited September 30, 2020 by geverwills
NA