Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Textarea not displaying accurate placeholder font on Android

See original GitHub issue

I have a textarea with the following markup:

<div class="mdc-textfield mdc-textfield--fullwidth mdc-textfield--upgraded">
      <input class="mdc-textfield__input" name="title" id="title" type="text" aria-label="Title" placeholder="Title">
    </div>

<div class="mdc-textfield mdc-textfield--multiline mdc-textfield--fullwidth mdc-textfield--upgraded" id="descriptionContainer">
      <textarea class="mdc-textfield__input" id="description" name="description" rows="8" cols="40" aria-label="Description" placeholder="Description"></textarea>
    </div>

It looks right everywhere but for some reason is a little off on Android. I can’t figure it out as I’ve looked at the markup / css about 30x now. The fact it works right on Desktop Chrome and iOS is the most baffling. Bug?

Android

browser-chrometabbedactivity-07042017162649

Desktop

screen shot 2017-07-04 at 4 25 45 pm

Issue Analytics

State:
Created 6 years ago
Comments:13 (10 by maintainers)

Top GitHub Comments

1reaction

amsheehancommented, Jul 10, 2017

@cgfarmer4 Yes, that would be one of the preferred ways to use it in a CSS only context. That said, it should “just work”, so when @touficbatache’s PR gets merged the issue should be moot.

0reactions

cgfarmer4commented, Jul 10, 2017

Thanks guys, loving the framework!