WordPress.org

Make WordPress Core

Opened 6 months ago

Last modified 5 months ago

#45876 new defect (bug)

Twenty Nineteen: Dropcap appears higher than expected in Firefox

Reported by: kjellr Owned by:
Milestone: Future Release Priority: normal
Severity: normal Version: 5.0.2
Component: Bundled Theme Keywords: needs-patch has-screenshots
Focuses: Cc:

Description

As noted by @josephdickson, Firefox renders the dropcap text roughly 0.2em higher than in Chromium:

https://cldup.com/yGg0iA2a7b.thumb.jpg

@josephdickson proposed a possible solution:

With a little help from @electmikemann ( via Twitter) I found a solution that I'd like to propose for a future update.

https://cldup.com/gmQzbBPGcP-3000x3000.png

The @-moz prefix targets Firefox and is ignored by other browsers. I've tested it via the Customizer's Additional CSS box. Anyone can do the same for a quick fix.

@-moz-document url-prefix() {
	.entry .entry-content .has-drop-cap:not(:focus)::first-letter {
  	margin-top: 0.2em;
	}
}

---

This issue was migrated over from Twenty Nineteen's GitHub repository:

https://github.com/WordPress/twentynineteen/issues/749

Change History (2)

#1 @joseph.dickson
6 months ago

@kjellr Thanks for migrating this request.

#2 @laurelfulford
5 months ago

  • Keywords has-screenshots added; needs-testing removed
  • Milestone changed from Awaiting Review to Future Release
Note: See TracTickets for help on using tickets.