PolymerElements / paper-toolbar

A Material Design toolbar/appbar
https://www.webcomponents.org/element/PolymerElements/paper-toolbar
40 stars 41 forks source link

Toolbar crops descenders #104

Closed arthurevans closed 7 years ago

arthurevans commented 7 years ago

From @sk- on February 9, 2017 12:38

Description

Letters with descenders are cropped in the toolbar even with the default settings.

Live Demo

https://jsbin.com/vaxazitivo/edit?html,console,output

screen shot 2017-02-09 at 11 24 51 pm

Expected Results

The lowercase g is fully visible.

Actual Results

The g is cropped.

Workaround

paper-toolbar {
      --paper-toolbar-title: {
        overflow: visible;
      };
    }

Browsers Affected

Versions

Copied from original issue: Polymer/polymer#4300

arthurevans commented 7 years ago

Duplicate of #95. Have you tried the newer app-toolbar? Not sure whether this affects app-toolbar as well.

sk- commented 7 years ago

Thanks, app-toolbar seems to be working ok. It would be good if you can add to the documentation that paper-toolbar is deprecated.