Make WordPress Core

Opened 21 months ago

Closed 2 weeks ago

#54176 closed defect (bug) (invalid)

UI Defects - Featured Image

Reported by: cnaveenkumar's profile cnaveenkumar Owned by:
Milestone: Awaiting Review Priority: normal
Severity: normal Version: 5.8
Component: Editor Keywords: has-patch needs-testing needs-design-feedback
Focuses: css Cc:


Hi Team,

I see a UI bug when uploading an svg image as a featured image. (includes a screenshot for reference. )

Change History (4)

#1 @sabernhardt
21 months ago

  • Component changed from General to Editor
  • Focuses css added

Welcome to Trac and thanks for the report!

An SVG does not display well there with the absolute positioning.

The Safe SVG plugin fixes that with:

img.components-responsive-wrapper__content[src$=".svg"] {
    position: relative;

#2 @hilayt24
21 months ago

.editor-post-featured-image__container .editor-post-featured-image__preview .components-responsive-wrapper span {
	padding-bottom: 0 !important;

.editor-post-featured-image__container .editor-post-featured-image__preview .components-responsive-wrapper .components-responsive-wrapper__content{
	position: static !important;

This will override the stylings that result in the error. And it solves the issue. Padding is also be removed from the span tag as its inline padding effects the images in twenty-twenty-one theme
Result of changes:

Last edited 21 months ago by hilayt24 (previous) (diff)

#3 @hilayt24
21 months ago

  • Keywords has-patch needs-testing needs-design-feedback added

#4 @mehdi01
2 weeks ago

  • Resolution set to invalid
  • Status changed from new to closed

Hello @cnaveenkumar Thanks for your report.

I was just checking is the problem is solved or not, in the mean time I just got another problem. When I tried to upload a SVG file as Featured Image, It's shows that it's not supported file type. (Attached the Screenshot)

Note: See TracTickets for help on using tickets.