WordPress.org

Make WordPress Core

Opened 4 months ago

Last modified 4 months ago

#53034 new defect (bug)

Overflowing text on Update WordPress screen

Reported by: sumitsingh Owned by:
Milestone: Awaiting Review Priority: normal
Severity: normal Version:
Component: Upgrade/Install Keywords: has-screenshots needs-patch
Focuses: ui, css, administration Cc:

Description

Hi,

I am facing issue and UI issue on update page. More information see mentioned screenshot.

Thank you.

Attachments (2)

image (3).png (24.8 KB) - added by sumitsingh 4 months ago.
UI Issue
image (5).png (28.0 KB) - added by sumitsingh 4 months ago.
Download failed

Download all attachments as: .zip

Change History (9)

@sumitsingh
4 months ago

UI Issue

@sumitsingh
4 months ago

Download failed

#1 follow-up: @dd32
4 months ago

Hi @sumitsingh,

It looks like the update failed to download the update ZIP, Can you please attempt to upgrade again?

#2 in reply to: ↑ 1 @sumitsingh
4 months ago

Hi,

Thank you for reply :)

2nd time i am able to update but what about text overflow ?

Replying to dd32:

Hi @sumitsingh,

It looks like the update failed to download the update ZIP, Can you please attempt to upgrade again?

#3 @mukesh27
4 months ago

  • Component changed from Administration to Upgrade/Install
  • Focuses rest-api removed

#4 @mukesh27
4 months ago

Hi there!

I can't replicate the same issue in my upgrade screen.

#5 @audrasjb
4 months ago

  • Focuses css added
  • Keywords needs-patch added
  • Version 5.7.1 deleted

Then it is not related to version 5.7.1.
Removing the wrong version information.

Concerning the UI overflows, something like that should be sufficient to fix the issue:

.update-messages {
    word-break: break-word;
}

For now we try to avoid too much general rules for this kind of css declarations.

#6 @SergeyBiryukov
4 months ago

  • Summary changed from Update issue 5.7 to 5.7.1 to Overflowing text on Update WordPress screen

#7 @mukesh27
4 months ago

Just for the information, When the update process starts it create below elements structure

<div class="wrap">
	<h1>Update WordPress</h1>
	<p>Downloading update from <span class="code">https://wordpress.org/nightly-builds/wordpress-latest.zip</span>…</p>
	<p>The authenticity of <span class="code">wordpress-latest.zip</span> could not be verified.</p>
	etc..
</div>
Note: See TracTickets for help on using tickets.