Bahco.com - Unable to view product's technical details Topic is solved

[Tomaso]

Example:

https://www.bahco.com/int_en/29-l-heavy ... d011_.html

Screenshot (Pale Moon):



Screenshot (Chromium-ungoogled):



Tested without success:

* Disabling all extensions
* Different UAs
* Latest unstable (2020-01-28)

Pale Moon console error:

Code: Select all

Error: Script error for: Magento_GoogleTagManager/js/google-tag-manager
http://requirejs.org/docs/errors.html#scripterror
Stack trace:
makeError@https://www.bahco.com/static/version1580310753/frontend/On4u/bahco/en_US/requirejs/require.min.js:16:53
onScriptError@https://www.bahco.com/static/version1580310753/frontend/On4u/bahco/en_US/requirejs/require.min.js:112:456

More "Google-ism" at work?

[basicuser]

Site works for me on Pale Moon 28.8.2, W7Pro 64 bit with Adblock Latitude and uBlockO.

[Tomaso]

So, you're able to see all of the product's technical details, like shown in the second screenshot above?

[THX-1139]

The site is not working for me also, with the only difference between 'basicuser' and me (as far as I can see) is that I am using nMatrix
instead of ABL (using UBO,eMatrix)

Off-topic:
personally, when I come across sites like these that won't work in my browser (only Approved browser) I WILL NOT give them squat! I will ban them (voting with my wallet) EFFEM. Otherwise I feel like I am enabling their half-assed web design (sic)

[coffeebreak]

The technical details don't appear here either, and with same error in console.

[THX-1139]

Mine did not show an error in console initially but just now got this:

12:00:49.527 Error: Script error for: marketo/forms2
http://requirejs.org/docs/errors.html#scripterror 1 require.min.js:16:53
makeError https://www.bahco.com/static/version158 ... n.js:16:53
onScriptError https://www.bahco.com/static/version158 ... js:112:456

[Konrad]

Tested without success... More "Google-ism" at work?

Tomaso, I have sent them a short complaint regarding the empty technical details table when browsing with Pale Moon.

[Moonchild]

It's a web design error.

On their table header cells (.table-scroll.initialized .clone th) they set visibility:hidden
https://www.bahco.com/static/version1580310753/frontend/On4u/bahco/en_US/css/styles.min.css

Code: Select all

.table-scroll.initialized .clone td, .table-scroll.initialized .clone th {
	visibility: hidden;
	border-color: transparent;
}

This seems to affect the entire table because the anonymous column/group inherits the visibility style. In other browsers (including Firefox after 57) the text is visible: Safari and Chrome don't implement "visibility:" on anonymous columns/groups at all, and Mozilla has (no surprise) aligned its behavior with chrome explicitly ignoring the inheritance. That doesn't make it right though, it just means that other browsers don't support what causes the problem or specifically cater to the quirk of not supporting it.

The webmaster should remove this "visibility:hidden" attribute, because Pale Moon is dutifully doing what the site says it should do, and hides the table content.

Most likely this is the result of whatever tool they are using to generate pages so to do it properly they should ALSO pass the buck upstream and report it as a bug there.

[THX-1139]

Well at least they had the good sense to provide the Catalogues in PDF for download/viewing: https://www.bahco.com/int_en/media/catalogues.html
Which provides an alternate way to choose what you want.

[Tomaso]

Thanks for investigating (and reporting)!

[Tomaso]

I made this rule, which fixes the issue, when used in uBO:

Code: Select all

bahco.com##.col:style(visibility: visible !important)

[back2themoon]

I made this rule, which fixes hides the issue, when used in uBO

[Tomaso]

My "fix" has been accepted to uBO's Legacy filter:
https://github.com/uBlockOrigin/uAssets ... b75848ee97
Simply update to take advantage of it! :)

[krystian3w]

Specyfity detect more classes / attributes / pseudo-classes and elements / pseudo-elements:

"0 / 4 / 2" vs "0 / 3 / 1"

[Moonchild]

Specyfity detect more classes / attributes / pseudo-classes and elements / pseudo-elements:

I'm not sure in what way this is supposed to help

[krystian3w]

Code: Select all

.table-scroll.initialized .clone tbody td.item
.table-scroll.initialized .clone       td

Code: Select all

.table-scroll.initialized .clone thead th.item
.table-scroll.initialized .clone       th

tbody / thead selectors and item class should bump.

So Google / Apple / Mozilla cheat with a tbody/thead element?

The problem can't be recreated when the tables are made using only <div> or only <span>?

[Moonchild]

So Google / Apple / Mozilla cheat with a tbody/thead element?

No. i already explained above what's going on. Google|Apple = not implemented; Mozilla = mimicked Chrome.

[Tomaso]

Mozilla = mimicked Chrome.

Apparently, Pale Moon seems to mimick Chrome too now, because the issue disappeared in v28.9.0! :)
I'll have the "fix" removed from uBO's Legacy filter.

[Goodydino]

On that linked page, I do not see a table at all. I do see some menus: Products, Industries, New Arrivals, Media, News. There is also a picture of a heavy-duty case.

[Tomaso]

On that linked page, I do not see a table at all.

Scroll down.