binary.protect.io - site is not usable

[hwine]

URL: https://binary.protect.io/app/index.html

Browser / Version: Firefox 60.0 Operating System: Mac OS X 10.13 Tested Another Browser: Yes

Problem type: Site is not usable Description: Text for checkboxes disappears when horizontal sizing changed Steps to Reproduce:

1. Start with fresh profile on 58 beta & 60 nightly
2. Go to site
3. Resize browser window width

Site displays okayish when horizontally resizing on both Chrome & Safari until too narrow, but text always reappears when widened.

From webcompat.com with ❤️

[adamopenweb]

Thanks for the report @hwine. I can reproduce this issue in Firefox 60 for OSX.

<script type="text/javascript" src="lib/touch/sencha-touch.js"></script>

https://binary.protect.io/app/lib/touch/sencha-touch.js

I know we've had issues with sites that uses Sencha in the past. Maybe @miketaylr can take a quick look at this?

[softvision-sergiulogigan]

I'll move this into Needs Diagnosis, for now.

[karlcow]

This is related to https://bugzilla.mozilla.org/show_bug.cgi?id=895485 re-ping @miketaylr ;)

[miketaylr]

Yeah, Sencha Touch is not friendly to Firefox users, depending on the version. I'd say this is ripe territory for gofaster interventions or UA spoofing.

There's a lot of weirdness here with the window resizing... but also layout in general is wack:

<div style="-moz-box-orient: horizontal; -moz-box-direction: normal; -moz-box-pack: start; -moz-box-align: stretch; min-width: 725px; height: 850px;"...

Ext.apply(Ext,{platformVersion:"1.0". This is old. Not really worth looking into because it's known to be totally broken.

@hwine do you happen to know anyone who works on this site? The best approach would be ask them to upgrade... to 2.4.2 (which is the last version before it got merged into ExtJS):

https://www.sencha.com/products/touch/

[hwine]

I don't, but since we cite the project on infosec.m.o, maybe @gdestuynder does.

[adamopenweb]

Looks like the project is on Github https://github.com/protect-io/binary.

Let's try pinging @bsapiro about this issue.

[gdestuynder]

@bsapiro is the correct contact (I don't know of anyone else)

[cipriansv]

I retested the issue and it is still reproducible on my side.

Tested with: Browser / Version: Firefox Nightly 70.0a1 (2019-08-07) Operating System: macOS Mojave 10.14.5

[softvision-oana-arbuzov]

The issue is still reproducible when resizing the browser and also when accessing the page some elements are overlapped.

Tested with: Browser / Version: Firefox Nightly 72.0a1 (2019-11-05) Operating System: MacOS 10.15.1, Windows 10 Pro

[zrhoffman]

The site works for me in Firefox Nightly 134.0a1 (2024-11-05), and the site looks the same for me in Firefox and Chrome.

[hwine]

@zrhoffman thanks for checking, but I'm still seeing the issue. It shows up after resizing the window -- the text labels are not redrawn (134.0a1 20241107094552 on win11/arm64):

[zrhoffman]

@zrhoffman thanks for checking, but I'm still seeing the issue. It shows up after resizing the window -- the text labels are not redrawn (134.0a1 20241107094552 on win11/arm64)

My mistake, I can reproduce the resizing issue in Firefox Nightly 134. However, I can also reproduce the issue in Chrome.

The site does appear to work correctly in Safari, so probably still a webcompat issue.

@softvision-raul-bucata: Should an additional label like browser-chrome be added to #15035?

This is related to https://bugzilla.mozilla.org/show_bug.cgi?id=895485 re-ping miketaylr ;)

Because https://bugzilla.mozilla.org/show_bug.cgi?id=895485 is now closed, should a new bug be opened for #15035?

[softvision-raul-bucata]

@zrhoffman yes, a new issue should be submitted here, stating which browser fails and wich works, since the originally reported issue is quite old.

[inv_46/2024]

[miketaylr]

This is related to https://bugzilla.mozilla.org/show_bug.cgi?id=895485 re-ping @miketaylr ;)

Honest, I would just consider this site (or any made w/ Sencha Touch) to be a lose cause. :(