mundschenk-at / wp-typography

Improve your WordPress micro typography.
https://code.mundschenk.at/wp-typography/
Other
22 stars 3 forks source link

nested span doesn't break line properly #231

Closed markushausammann closed 5 years ago

markushausammann commented 5 years ago

Issue Overview

alexgrimm_-_multidisciplinary_graphic_design_works_and_free_art_projects_by_alex_grimm

Steps to Reproduce (for bugs)

  1. Surf to https://alexgrimm.com/
  2. Look for the SHOUP light sealing entry
  3. Hover or view on mobile size

    Latest WP, PHP 7.2.

    Latest Chrome.

Expected and current behavior are obvious. The Text SHOUP light sealing should run over two lines but the span with the .caps CSS class added by WP-typography overlaps the rest of the content.

Possible Solution

I guess it's a CSS issue, maybe JS. Should be easy to fix for somebody who knows the package.

Related Issues and/or PRs

mundschenk-at commented 5 years ago

It's a CSS issue on the site (position:absolute on the <span> without taking nesting into account). Not a bug in wp-Typography.