Adding Footnotes is changing the line height of the text

[Robertght]

Description

This is a replica of this report Automattic/wp-calypso#94570

Quick summary

Adding Footnotes to a Paragraph block is changing the line height of that specific line, resulting in uneven line height for the Paragraph.

What you expected to happen

The line height of the Paragraph should be uniform throughout the Paragraph.

What actually happened

The line height is changing for the line on which the footnote is added.

Here is the video showing the problem:

Footnote.mp4

Available workarounds?

Yes, easy to implement

If the above answer is "Yes...", outline the workaround.

We can apply a custom CSS fix with something like:

sup a {
font-size: 12px;
}

Step-by-step reproduction instructions

Steps to reproduce

1. Create a page or post
2. Add a Paragraph block
3. Add a footnote to any line from the Paragraph block toolbar

Screenshots, screen recording, code snippet

No response

Environment info

• WordPress 6.6.2
• Gutenberg 19.3.0

Please confirm that you have searched existing issues in the repo.

• Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

• Yes