Improvements to the list-table.css (breaks the plugin info popup)

[tivnet]

The problem appears in the "View Details" popup with custom updater scripts when the information sections are retrieved from a 3rd party server, not from the WP-org.

For example, when plugins use WooCommerce API Manager, the sections are regular pages and they might have any markup, including headings and images.

Fix 1.
In list-tables.css:

.plugin-install-php h2 {
   clear: both;
}

forces the H2 line jumping down, after the .fyi DIV at the right.

Fix 2.
Images must not go wider than their container.

A possible fix would be adding the following rules to the list-table.css:

#section-holder .section h2 {
	clear: none;
}

#section-holder .section img {
	max-width: 100%
}

[tivnet]

Screenshot demonstrating the problem

[DJosephDesign]

I have this issue, too, and it seems to be the clear: both for .wrap, possibly being loaded by jQuery UI CSS.

[SergeyBiryukov]

Replying to DJosephDesign:

I have this issue, too, and it seems to be the clear: both for .wrap, possibly being loaded by jQuery UI CSS.

Welcome to WordPress Trac! The issue with clear: both for .wrap is fixed in #47561 and will be shipped with WordPress 5.2.3, planned for September 4: ​https://make.wordpress.org/core/2019/08/22/wordpress-5-2-3-rc-1/.

[desrosj]

I've done some testing with a few plugins that serve updates from locations other than WP.org and I'm unable to reproduce this, so I'm going to close this out.

If someone is still able to reproduce the issue on the latest version of WordPress (currently 6.0), feel free to reopen with more detailed steps to reproduce.