maglit.me - can't enter text, no console errors

[moonbat]

As above. The site is a 'privacy respecting' URL shortener but can't paste any text in the field provided, on a fresh profile as well. Nothing in the error console, and on my regular profile there's nothing caught by the adblocker either.
Of course it works in a Chrome based browser. So privacy, much wow.

[FranklinDM]

The problem might be CSS-related: removing and restoring fixed back again from the class list of the outer div container of the div containing the logo and link input textbox fixes the issue on my end.

[Moonchild]

Yes, it's css-related.
Specifically, they are causing issues by, as far as I can tell, having flex elements overlap (rendered elements that are positioned off-screen) which prevents input from getting to the actual input box, heavily relying on some kind of framework that does shiny CSS animations that is obviously not being tested against Goanna.
It's a form. This can be done without a ton of CSS and JS introducing way too many moving parts -- it's been over-engineered to the point of breaking.

[moonbat]

And all of that to display an empty page with a text input box and little else

[therube]

Off-topic:
And to top it off, at present I get:

Code: Select all

Secure Connection Failed
The connection to maglit.me was interrupted while the page was loading.

And if I try http: instead of https:

Code: Select all

Malware and Phishing
http://asset.px-svc-2szps.hv.nominum.cloud/business/logo
http://maglit.me/POST
http://fdb7a945c79701/
http://maglit.me/.replace(/%7B%7Bid%7D%7D/,

[Moonchild]

And all of that to display an empty page with a text input box and little else

... But they want their custom styled dialog boxes to fly in from any browser edge they wish! Doesn't everyone?

[NayamAmarshe]

Hi, creator of MagLit here. I'll try to fix the website for palemoon, definitely not good that it breaks here. Thanks for reporting

[Moonchild]

Hi, creator of MagLit here. I'll try to fix the website for palemoon, definitely not good that it breaks here. Thanks for reporting

Thanks for reaching out and looking at this!
As far as I can tell (from casual inspection) it has to do with the pre-rendered dialogs that are kept off-screen, but by being in a flex container will have incorrect stacking, resulting in blocking behaviour for input/interaction. Different rendering engines do treat css context differently (not in the least because the various specs often contradict themselves or simply don't describe expected behaviour very well), especially when dealing with using flex containers with overlapping.

May I suggest not using flex when you're not actually creating a flexible stacked layout/masonry? There are plenty of other options you can use.

I really do suggest you make a landing page input form as simple as you can make it for both web compatibility and page loading/caching reasons.

[NayamAmarshe]

Hi, creator of MagLit here. I'll try to fix the website for palemoon, definitely not good that it breaks here. Thanks for reporting

Thanks for reaching out and looking at this!
As far as I can tell (from casual inspection) it has to do with the pre-rendered dialogs that are kept off-screen, but by being in a flex container will have incorrect stacking, resulting in blocking behaviour for input/interaction. Different rendering engines do treat css context differently (not in the least because the various specs often contradict themselves or simply don't describe expected behaviour very well), especially when dealing with using flex containers with overlapping.

May I suggest not using flex when you're not actually creating a flexible stacked layout/masonry? There are plenty of other options you can use.

I really do suggest you make a landing page input form as simple as you can make it for both web compatibility and page loading/caching reasons.

Thanks for the suggestions. MagLit focuses more on a modern UI and because of that reason, it's not fully compatible with every browser. I've mostly tested MagLit on Chromium, Firefox and a few other mobile browsers and it was working fine so I wasn't aware of it breaking on Palemoon. I cannot change the UI as of now, but I can definitely look for ways to make it more compatible with Palemoon.

Thanks!

[moonbat]

modern UI

This is the trouble when something that could've been rendered with a normal text input box as has been done for 25 years since HTML 4 is over complicated based on the non standard quirks that Chrome introduces in the name of 'modernity'. UI wise, there is nothing 'modern' about a mostly empty page with a single text input on it (Google search has looked that way since 1998), so why complicate it unnecessarily? I've seen other pages with more elements on them that render great across different browsers, including this one.