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