WordPress.org

Make WordPress Core

Opened 2 years ago

Closed 2 years ago

Last modified 2 years ago

#47561 closed defect (bug) (fixed)

Plugin: View details popup layout issue

Reported by: mukesh27 Owned by: afercia
Milestone: 5.2.3 Priority: normal
Severity: normal Version: 5.2.2
Component: Plugins Keywords: has-patch has-screenshots fixed-major
Focuses: ui Cc:

Description

This issue is generate in 5.2.2 when [45520] changeset is applied in #45094 ticket and committed in core. That changeset add clear: both; in wp-admin/css/common.css to fix the responsive layout after changes to the Screen Options and Help buttons position.

@afercia can you please check this?

Attachments (11)

Layout issue.png (293.7 KB) - added by mukesh27 2 years ago.
Popup Layout Issue
47561.diff (287 bytes) - added by mukesh27 2 years ago.
Patch That Fixed Popup Layout Issue
Popup After Patch Applied.png (253.7 KB) - added by mukesh27 2 years ago.
Screen Shot 2019-06-19 at 2.01.59 PM.png (28.2 KB) - added by marybaum 2 years ago.
Screen Shot 2019-06-19 at 2.16.58 PM.png (354.7 KB) - added by marybaum 2 years ago.
Screen Shot 2019-06-19 at 2.17.13 PM.png (32.4 KB) - added by marybaum 2 years ago.
47561.2.diff (526 bytes) - added by mukesh27 2 years ago.
Updated patch with absolute position and remove margin right
47561.3.diff (540 bytes) - added by audrasjb 2 years ago.
Remove wrap class from plugin modal
Capture d’écran 2019-06-24 à 10.53.18.png (322.4 KB) - added by audrasjb 2 years ago.
47561.3.diff : Remove wrap class from plugin modal
47561.4.diff (1.1 KB) - added by afercia 2 years ago.
plugin details modal.jpg (185.2 KB) - added by afercia 2 years ago.

Download all attachments as: .zip

Change History (55)

@mukesh27
2 years ago

Popup Layout Issue

@mukesh27
2 years ago

Patch That Fixed Popup Layout Issue

#1 follow-up: @SGr33n
2 years ago

Watching, I was opening the same ticket :P

#2 in reply to: ↑ 1 @mukesh27
2 years ago

@SGr33n Is attached patch resolved issue for your setup?

Replying to SGr33n:

Watching, I was opening the same ticket :P

#3 @SGr33n
2 years ago

Hi @mukesh27 No tryied yet, sorry.

#4 @mukesh27
2 years ago

  • Version set to 5.2.2

#5 @audrasjb
2 years ago

  • Keywords needs-testing needs-codex added
  • Milestone changed from Awaiting Review to 5.3
  • Priority changed from normal to high
  • Severity changed from normal to major

Hi thanks for the report, I triaged the ticket in the next major release but we'll probably need a 5.2.3.

#6 @audrasjb
2 years ago

  • Keywords needs-codex removed

#7 @marybaum
2 years ago

I've found the issue happens on every plugin page -- seems to me that we can fix this with a couple of lines of CSS to change the positioning.

#8 @marybaum
2 years ago

If we add relative positioning to the parent element, #plugin-information.content.with-banner, and absolute positioning to the element itself, we fix the issue across the board.

@mukesh27
2 years ago

Updated patch with absolute position and remove margin right

#9 @mukesh27
2 years ago

@marybaum i have update patch and it is working fine with new patch.

#10 @desrosj
2 years ago

  • Milestone changed from 5.3 to 5.2.3

#11 @earnjam
2 years ago

#47585 was marked as a duplicate.

This ticket was mentioned in Slack in #forums by clorith. View the logs.


2 years ago

#13 @afercia
2 years ago

Thanks everyone for the ticket and patches. Touching the admin CSS is... challenging, even for minor changes :)

I'd tend to think a better fix would be removing the wrap CSS class from the plugin details modal content area. wrap has some styling (margins) that are specifically meant for the admin pages main content area. It shouldn't be used in other places. The styles needed for the modal content can be set directly on #section-holder, which is used only in the plugin modal.

#14 @afercia
2 years ago

  • Owner set to afercia
  • Status changed from new to assigned

@audrasjb
2 years ago

Remove wrap class from plugin modal

@audrasjb
2 years ago

47561.3.diff : Remove wrap class from plugin modal

#15 @audrasjb
2 years ago

Both 47561.2.diff and 47561.3.diff are fixing the issue, but I think @afercia’s approach is better, since there is less risk to remove an unused class. I also tested the path on mobile and it looks fine.

#16 @mukesh27
2 years ago

@audrasjb patch working fine for me also and @afercia is better then others.

Version 0, edited 2 years ago by mukesh27 (next)

@afercia
2 years ago

#17 @afercia
2 years ago

  • Keywords commit added; needs-testing removed

Thanks everyone. 47561.4.diff adjusts the margins that were previously set by the wrap class, also when there's the warning notice displayed. See attached screenshot.

#18 @afercia
2 years ago

  • Priority changed from high to normal
  • Severity changed from major to normal

Note for bug gardeners: while priority and severity are, to some extent, subjective calls, high priority and major severity should be used for bugs that really make a functionality not usable or trigger a crash or a fatal error. I do realize the alarm triggered by this layout breakage but the modal content is still readable and I wouldn't call this a major breakage.

#19 @afercia
2 years ago

  • Resolution set to fixed
  • Status changed from assigned to closed

In 45563:

Plugins: Fix the plugin details modal layout after [45520].

Props mukesh27, marybaum, audrasjb.
Fixes #47561.

#20 follow-up: @afercia
2 years ago

  • Keywords fixed-major added; commit removed
  • Resolution fixed deleted
  • Status changed from closed to reopened

Reopening for 5.2.3 consideration.

#21 in reply to: ↑ 20 @marybaum
2 years ago

Replying to afercia:

Reopening for 5.2.3 consideration.

Love this! Anytime we can lose a div and use default positioning instead of relative / absolute on parent / child, I'm for it!

Also, thanks for the guidance on gardening!

Last edited 2 years ago by marybaum (previous) (diff)

This ticket was mentioned in Slack in #core by sergey. View the logs.


2 years ago

This ticket was mentioned in Slack in #meta by sergey. View the logs.


2 years ago

#24 @hatschiii
2 years ago

Great to see progress. So this will be fixed in 5.2.3? When will 5.2.3 be available?

#25 @shagimuratov
2 years ago

Same question. Is there a date to release 5.2.3?

#26 @garrett-eclipse
2 years ago

#47647 was marked as a duplicate.

#27 follow-up: @hatschiii
2 years ago

Any news when 5.2.3 will be available?

#28 in reply to: ↑ 27 @SergeyBiryukov
2 years ago

Replying to hatschiii:

Any news when 5.2.3 will be available?

There is no date yet, please follow https://make.wordpress.org/core/ for announcements.

This ticket was mentioned in Slack in #core by earnjam. View the logs.


2 years ago

#30 @earnjam
2 years ago

#47673 was marked as a duplicate.

#31 @remzicavdar
2 years ago

This should be fixed asap, because people notice this. In this way WP gets a bad rep.

This ticket was mentioned in Slack in #core by remzicavdar. View the logs.


2 years ago

#33 @Marius84
2 years ago

this bug it's really annoying is there any timeline to fix this?

This ticket was mentioned in Slack in #core by remzicavdar. View the logs.


2 years ago

#35 @earnjam
2 years ago

This issue is fixed in trunk. If there is a 5.2.3, then it will be included in that. If not, then it will be fixed in 5.3, which is tentatively targeted for late September/early October.

#36 @pento
2 years ago

#47736 was marked as a duplicate.

This ticket was mentioned in Slack in #core by remzicavdar. View the logs.


2 years ago

#38 @SergeyBiryukov
2 years ago

  • Resolution set to fixed
  • Status changed from reopened to closed

In 45666:

Plugins: Fix the plugin details modal layout after [45520].

Props mukesh27, marybaum, audrasjb.
Merges [45563] to the 5.2 branch.
Fixes #47561.

#39 @hatschiii
2 years ago

To skipp such an issue which is fixed for severall month is a shame! Many WordPress user does nor realize that the informations are there when they scroll down!

#40 follow-up: @audrasjb
2 years ago

Hi @hatschiii, thank you for following this ticket,

We are not ignoring the issue, it was committed 4 weeks ago and it will be fixed when 5.2.3 will be released.
If you want, you can also weight on the next minor release schedule: 5.2.3 planning is publicly discussed every Wednesday at 20:00 UTC in the #core Slack channel (https://make.wordpress.org/chat/) during the dev-chat meeting. You're more than welcome to join and weight on the planning if you want to.

Last edited 2 years ago by audrasjb (previous) (diff)

#41 in reply to: ↑ 40 @hatschiii
2 years ago

Replying to audrasjb:

Hi @hatschiii, thank you for following this ticket,

We are not ignoring the issue, it was committed 4 weeks ago and it will be fixed when 5.2.3 will be released.
If you want, you can also weight on the next minor release schedule: 5.2.3 planning is publicly discussed every Wednesday at 20:00 UTC in the #core Slack channel (https://make.wordpress.org/chat/) during the dev-chat meeting. You're more than welcome to join and weight on the planning if you want to.

And if you read what was discussed in the last Dev Chat Meeting last Wednesday it doesn't look like that 5.2.3 is comming. However this is a very visible bug which ist solved since several weeks. I donot understand why there is no update right now!?

#42 @Marius84
2 years ago

+1 for @hatschiii
This bug caused damage to the user experience and simply was not fixed fast. 4 weeks? Better to say 1 month.

#43 @mukesh27
2 years ago

#47918 was marked as a duplicate.

#44 @justinahinon
2 years ago

#47931 was marked as a duplicate.

Note: See TracTickets for help on using tickets.