Fix and remove annoying web elements such as sticky headers, floating boxes, floating videos, dickbars, social share bars and other distracting elements.
Creative Commons Attribution Share Alike 4.0 International
1.29k
stars
48
forks
source link
false positive in the floating list obscures a heading in play.google.com/books #500
Normal usage of this page has tiles representing the books already in the user's library. There is a navigation bar above the tiles for Last Read, Progress, Search, Upload etc (screenshot 1) and as the user scrolls down the page, this navigation bar does not float, it scrolls off the screen with the tile content, (screenshot 2).
There is an unwanted behaviour in the floating list which makes the tiles obscure the navigation bar. The features of the navigation bar are slightly visible but unclickable.
The entry in the floating list is google.com###js-header, #searchform, .O-j-k, .header:not(#menu.header--primary):not(.column-section):not(.viewed):not(.ng-star-inserted):not([class*="_ngcontent"]):not([role="heading"]), .js-header.chr-header, .mobile-action-bar, body > .ng-scope, #flt-nav, .gws-flights__scrollbar-padding.gws-flights__selection-bar, .gws-flights__selection-bar-shadow-mask:style(position: absolute !important;)
Screenshot(s)
screenshot 1, default behaviour
screenshot 2, default scrolling behaviour
screenshot 3, the floating filter entry causing the navigation bar to be obscured
Web Annoyances ultralist Github link added as a Custom Filter list
Notes
In my own browser, I've neutralized the specific filter in the uBO My Filters section by inserting an @ sign between the second and third # signs that denote a DOM filter, e.g.
google.com#@##...
I do not know the intended feature or scope of the filter line, so I can't suggest whether the specific filter should be dropped or how it should be amended for everyone.
URL(s) where the issue occurs
https://play.google.com/booksDescribe the issue
Normal usage of this page has tiles representing the books already in the user's library. There is a navigation bar above the tiles for Last Read, Progress, Search, Upload etc (screenshot 1) and as the user scrolls down the page, this navigation bar does not float, it scrolls off the screen with the tile content, (screenshot 2).
There is an unwanted behaviour in the floating list which makes the tiles obscure the navigation bar. The features of the navigation bar are slightly visible but unclickable.
The entry in the floating list is
google.com###js-header, #searchform, .O-j-k, .header:not(#menu.header--primary):not(.column-section):not(.viewed):not(.ng-star-inserted):not([class*="_ngcontent"]):not([role="heading"]), .js-header.chr-header, .mobile-action-bar, body > .ng-scope, #flt-nav, .gws-flights__scrollbar-padding.gws-flights__selection-bar, .gws-flights__selection-bar-shadow-mask:style(position: absolute !important;)Screenshot(s)
screenshot 1, default behaviour
screenshot 2, default scrolling behaviour
screenshot 3, the floating filter entry causing the navigation bar to be obscured
Versions
Settings
Notes
In my own browser, I've neutralized the specific filter in the uBO My Filters section by inserting an @ sign between the second and third # signs that denote a DOM filter, e.g.
google.com#@##...I do not know the intended feature or scope of the filter line, so I can't suggest whether the specific filter should be dropped or how it should be amended for everyone.