Yaru: Issue with window corners in Firefox without titlebar

Created on 19 Feb 2018  ·  30Comments  ·  Source: ubuntu/yaru

Most helpful comment

Found that layers.acceleration.force-enabled in about:config removes the white corners (for me) and also shows content with more than 60 FPS too

All 30 comments

With the new version of firefox you can remove the title bar. This causes issue with the window corners
screenshot from 2018-02-19 15-39-35

@jim3872 Thanks for reporting this issue. Do you know if this issue applies to other GTK themes as well, like this bug?

It does it too with united-Ubuntu-darker which has a similar title bar with the rounded corners. Square cornered themes look OK to me.
screenshot from 2018-02-20 12-40-16

will check with Pop OS theme since it is also similar

I changed the title to make it more descriptive

Thanks.
It looks like its ubiquitous with all themes with rounded corners, including the Pop OS theme

There is also a problem if we use a light theme :

capture du 2018-03-10 15-37-30

This is a beta feature in nightly builds of Firefox. Any bugs are most likely not caused by this theme which is why I would vote to close this thread. Can be easily reopened if issues remain with stable builds and this theme alone.

Also see omgUbuntu that this are universal issues of Firefox.

As per @ya-d comment, any bug related to nightly/beta builds will be addressed in the future if still present in more stable versions

Things have changed:

Before:
capture du 2018-03-10 15-37-30

Today:
capture du 2018-05-06 14-06-23

How the buttons are handled? Maybe they have a background color that could be transparent.

Hi @Huluti, we are trying this circular buttons, so I think the problem is actually the same as before

Hi @clobrano, yes but do there will be a solution to make these buttons looks correct when the headerbar is not dark?

Wasn't this a beta feature? How do you enable it?

Yes the problem is visible when you enable the light theme and the CSD feature of Firefox Nightly which removes the titlebar. That's why there is no dark headerbar and why the buttons look ugly. It's indeed a "beta" feature but any software without a dark headerbar could be affected.

Alright, sorry but I don't have firefox nightly now to test it, I'll try something later this week

The problem is that atm the circle is always drawn:
&:not(.close) {
@include draw_circle($c) ;
&:backdrop:hover{@include draw_circle(darken($headerbar_fg_color,50%), $close:true)}
}

When you change it to

&:not(.close) {
&:hover {
@include draw_circle($c) ;
&:backdrop:hover{@include draw_circle(darken($headerbar_fg_color,50%), $close:true)}
}
}

Firefox-nightly looks like this (though you would have to change the whole theme to the firefox "light theme" to reproduce your issue, no idea if we want to got this far with this theme that we support custom skins in firefox, there is a default/light/dark and other custom themes. only the default theme tries to look like the gtk theme):
peek 2018-05-06 16-54

with default theme (just found another issue though, ugly white borders -.- that firefox...):
peek 2018-05-06 16-57

Any updates on this issue ?

We removed the roundness of firefox. I don't know if firefox fixed the issue with the white border bleed :man_shrugging:
If yes, we can remove the custom styling

Hey, despite the last comment and the issue having been closed this is still happening and has been recently reported to launchpad and confirmed: https://bugs.launchpad.net/ubuntu/+source/firefox/+bug/1828728

Given the importance of firefox in ubuntu, I think this is an important issue.

There might have been a regression in Firefox: https://bugzilla.mozilla.org/show_bug.cgi?id=1408360

Thanks @memeplex, but the last time we tried our tweak wasn't working anymore. We can try again, but as you saw it's a Firefox issue

Yes, fair enough, it seems Firefox will have this regression with every odd release :p

I see Adwaita-dark sets a dark color for the pointy edges, the problem is still there but it's less visible.

I've informed of the regression in every related closed issue and also opened a new issue https://bugzilla.mozilla.org/show_bug.cgi?id=1558065

Hi @memeplex, thanks for reporting the status. I replied directly on bugzilla, since I can reproduce the bug on latest Firefox with Fedora

Found that layers.acceleration.force-enabled in about:config removes the white corners (for me) and also shows content with more than 60 FPS too

Indeed! Thanks for letting us know.
I don't know what this means, but I can report it on the original Firefox
ticket, thanks

On Sat, 21 Sep 2019 at 23:28, phaitonican notifications@github.com wrote:

Found that layers.acceleration.force-enabled in about:config removes the
white corners (for me) and also shows content with more than 60 FPS too


You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
https://github.com/ubuntu/yaru/issues/179?email_source=notifications&email_token=AAWAAHQ42T5A6XT4YK65Z5DQK2GZNA5CNFSM4ERK5US2YY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOD7IZ66Q#issuecomment-533831546,
or mute the thread
https://github.com/notifications/unsubscribe-auth/AAWAAHWDJ2B35KVTEHJ3FNDQK2GZNANCNFSM4ERK5USQ
.

Found that layers.acceleration.force-enabled in about:config removes the white corners (for me) and also shows content with more than 60 FPS too

Thank you, thank you! Have been looking for this for ages.

Just gonna add that setting gfx.webrender.all = true took care of the issue for me.

Found that layers.acceleration.force-enabled in about:config removes the white corners (for me) and also shows content with more than 60 FPS too

Thank you, thank you! Have been looking for this for ages.

wow this worked! @didrocks
image

Was this page helpful?
0 / 5 - 0 ratings

Related issues

mivoligo picture mivoligo  ·  3Comments

eaglersdeveloper picture eaglersdeveloper  ·  3Comments

snydox picture snydox  ·  3Comments

matthewpaulthomas picture matthewpaulthomas  ·  3Comments

mivoligo picture mivoligo  ·  3Comments