material-components / material-components/material-web

overflown italic text hidden inside button

Open
#5,413 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
SCSS
Stars
11.3k
Forks
1.1k
Avg merge
20h 28m
Merged PRs (30d)
13

Description

What is affected?

Component

Description

The following code

<md-filled-button>I'm in<i>!</i></md-filled-button>

will give the following result

image

This is so discriminatory toward italic text !

Reproduction

Code for reproduction provided above

Workaround

No direct workaround found

Is this a regression?

No or unsure. This never worked, or I haven't tried before.

Affected versions

1.1.1

Browser/OS/Node environment

Everywhere

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by running the provided md-filled-button HTML reproduction in the material-web project and inspect the filled button styling and component entry point. Verify the behavior with italic text in the button; the issue is done when the exclamation mark is fully visible in the affected environments.

Written by the indexing model from the issue text.

Assessment

Tech stack
html, scss
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.