Webiny-js: Headless CMS - Bug in Safari on Mac

[endymion1818]

This is:

• a Bug

  Specifications

  • version: 4.0.0-beta.2
  • OS: macOS Catalina 10.15.4
  • Browser: Safari 13.1 (15609.1.20.111.8)

Expected Behavior

I should be able to see the word "search" clearly and see the words I type

Actual Behavior

Text is partially obscured

Steps to Reproduce the Problem

1. Launch Headless CMS
2. Open in Safari
3. Observe issue, screenshot below

Possible Solution

Maybe remove the line-height declaration from .mdc-text-field__input

[sunguru98]

If you could assign me, I shall look into it @endymion1818

[doitadrian]

Go for it @sunguru98, I think this one is a bit more appropriate than the other one you mentioned the other day.

Let's see how this one will go.

[peterjgrainger]

@doitadrian can I have a go at this?

[doitadrian]

Sure, go ahead @peterjgrainger :)

[AlbionaHoti]

Hey @peterjgrainger, can you please post an update of your progress on the issue and the solutions you tried (communication here is key) - Join our slack community to communicate faster with the community and the core team. Enjoy :)

[peterjgrainger]

Ok, will do, thanks

[peterjgrainger]

@AlbionaHoti I've tried this in safari Version 14.0 (15610.1.28.1.9, 15610) and there doesn't seem to be the same problem.

I couldn't find a way of downloading exact versions of safari to test it out on. Maybe this issue could be closed?

[endymion1818]

Hmm I’ll test in the latest version when I can

[endymion1818]

OK so the issue only occurs on focus, when you begin to type in the box:

[endymion1818]

Hmm autocomplete seems to think I type that a lot ...

[peterjgrainger]

Ah, I see it. I'll take a look

[webiny-bot]

This issue is stale because it has been open 60 days with no activity. Remove stale label or comment or this will be closed in 7 days.