• Welcome to Peterborough Linux User Group (Canada) Forum.
 

Issue with Weather website display in Brave browser

Started by fox, November 10, 2021, 06:56:53 AM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

fox

This morning I found a rendering flaw in Brave that is not present in Firefox. You can see it when accessing The Weather Network. Look at the 7 day forecast and you'll see that the rows don't line up properly. Look at the same site on Firefox, and the rows do line up correctly. I have noticed this regularly and I initially thought that The Weather Network was doing something wrong on their website. What would cause this?
Ubuntu 24.04 on 2019 5k iMac
Ubuntu 24.04 on Dell XPS 13

ssfc72

#1
The rows looked lined up to me, using the Brave browser and Mint 20.1
Mint 20.3 on a Dell 14" Inspiron notebook, HP Pavilion X360, 11" k120ca notebook (Linux Lubuntu), Dell 13" XPS notebook computer (MXLinux)
Cellphone Samsung A50, Koodo pre paid service

Jason

Quote from: fox on November 10, 2021, 06:56:53 AM
This morning I found a rendering flaw in Brave that is not present in Firefox. You can see it when accessing The Weather Network. Look at the 7 day forecast and you'll see that the rows don't line up properly. Look at the same site on Firefox, and the rows do line up correctly. I have noticed this regularly and I initially thought that The Weather Network was doing something wrong on their website. What would cause this?

They look fine to me, too. I often access The Weather Network and I've never noticed what you're describing. Can you post a screenshot? Here's mine. I'm using Brave V1.31.91 on Linux Lite 5.6 which is based on Ubuntu 20.04 if that matters. Are you using any plugins? Have you changed any of your graphics (window manager, etc.) settings? I know you're saying it works in Firefox but Brave uses Chromium code so it probably has a different render engine.

Mr. Fleming, did you mean to attach a PDF?
* Zorin OS 17.1 Core and Windows 11 Pro on a Dell Precision 3630 Tower with an
i5-8600 3.1 GHz 6-core processor, dual 22" displays, 16 GB of RAM, 512 GB Nvme and a Geforce 1060 6 GB card
* Motorola Edge (2022) phone with Android 13

Jason

Try toggling hardware acceleration in Brave, perhaps. Also, did you adjust the security level in Brave? Try putting it back to Standard blocking or just turn off blocking to see if it makes any difference. I can see if there is an easy way to share my settings if you like.
* Zorin OS 17.1 Core and Windows 11 Pro on a Dell Precision 3630 Tower with an
i5-8600 3.1 GHz 6-core processor, dual 22" displays, 16 GB of RAM, 512 GB Nvme and a Geforce 1060 6 GB card
* Motorola Edge (2022) phone with Android 13

fox

Attached is a picture of the Weather Network on Brave. You can see that the columns don't line up. Blocking was standard. Hardware acceleration was on, but turning it off made no difference. It's not a big deal as it is certainly readable. But strange and a bit annoying.
Ubuntu 24.04 on 2019 5k iMac
Ubuntu 24.04 on Dell XPS 13

Jason

Very strange. I don't think it's related to Brave specifically since we aren't seeing that. One though, are you magnifying the page and if so, are you just enlarging fonts or the entire page? I always do the latter and perhaps the former does something weird in rendering.
* Zorin OS 17.1 Core and Windows 11 Pro on a Dell Precision 3630 Tower with an
i5-8600 3.1 GHz 6-core processor, dual 22" displays, 16 GB of RAM, 512 GB Nvme and a Geforce 1060 6 GB card
* Motorola Edge (2022) phone with Android 13

Jason

I think I was onto something.

I was able to reproduce the problem by switching Font Size from Medium to Large. Did you do that or perhaps choose larger pixel size fonts under Customize Fonts? If the former, put the Font Size back to medium and if the latter, try to remember the size of the font but I think it's likely the first. See the attachment for where I'm talking about in Settings.

Enlarging fonts can mess with the layout because everything else may not scale proportionally. If you can't read the page, use the Page Zoom function. That does it proportionally.
* Zorin OS 17.1 Core and Windows 11 Pro on a Dell Precision 3630 Tower with an
i5-8600 3.1 GHz 6-core processor, dual 22" displays, 16 GB of RAM, 512 GB Nvme and a Geforce 1060 6 GB card
* Motorola Edge (2022) phone with Android 13

Jason

You might already know about this, but you can also press Ctrl and use the scroll wheel to zoom the page in and out. I find I have to do it once in a while because the designers thoughtfully enlarged the layout to make it more readable.
* Zorin OS 17.1 Core and Windows 11 Pro on a Dell Precision 3630 Tower with an
i5-8600 3.1 GHz 6-core processor, dual 22" displays, 16 GB of RAM, 512 GB Nvme and a Geforce 1060 6 GB card
* Motorola Edge (2022) phone with Android 13

fox

Ubuntu 24.04 on 2019 5k iMac
Ubuntu 24.04 on Dell XPS 13

Jason

* Zorin OS 17.1 Core and Windows 11 Pro on a Dell Precision 3630 Tower with an
i5-8600 3.1 GHz 6-core processor, dual 22" displays, 16 GB of RAM, 512 GB Nvme and a Geforce 1060 6 GB card
* Motorola Edge (2022) phone with Android 13