coffees.gr - search box text is not visible

[back2themoon]

https://www.coffees.gr/

Try typing into the main, top search bar. The text is not visible:

coffees.png

Error Console: TypeError: t.$_Tawk.i18next is not a function

[adoxa]

Apparently the padding is more important than the content.

Code: Select all

@-moz-document domain("www.coffees.gr") {
  .top-search input {
    padding: 0 10px !important;
  }
}

[Moonchild]

It's the common Chrome quirk (it goes against the standard where padding and content can't occupy the same space, but in Chrome it can) being abused to "prop open" elements to a specific size.
If coffees.gr cares about non-chromium customers, they should fix it.

[back2themoon]

I will try passing that info to them but as we all know, Chrome quirks almost always overpower non-Chromium customers and previously established web standards.

So, is this yet another "secondary" (hopefully) spec that Pale Moon should/might consider "relaxing"? I know about the web standards principles etc., it's not about that. It's about making things work, without of course breaking other stuff, critical or otherwise in the process. Or is this difficult to implement, assuming you'd want to implement it? (or "de-implement"...)

Thanks adoxa

[Moonchild]

So, is this yet another "secondary" (hopefully) spec that Pale Moon should/might consider "relaxing"?

No! Padding is padding. It should not be treated like anything else. It's a long-standing chromium bug that Google just refused to fix and became used as one of the many hacks to size elements (while better options do exist in the standard).
Aside from that, it would go completely against how the parser treats padding in our case; making exceptions will just make the code all that more complex for no reason other than "be like Chrome, warts and all".

[back2themoon]

Understood. I was hoping it might be some secondary sub-feature where not strictly adhering to specs could be considered.

I'm tormenting adoxa on a daily basis lately, and I don't feel all that comfortable about it. Trying to learn things but I'm still far from it.

[Moonchild]

Trying to learn things but I'm still far from it.

The devtools inspector is your friend in these cases. Of course you'd have to know some CSS to know what you're looking at but you can experiment in real-time to see what works.
I'd give you a quick tutorial if I didn't have other things to do.

[back2themoon]

No worries. For the moment, it remains Greek to me. And I have to translate it to actual Greek for them as well.

[adoxa]

I'm tormenting adoxa on a daily basis lately, and I don't feel all that comfortable about it.

No worries.