Make WordPress Core

Opened 5 years ago

Closed 5 years ago

Last modified 5 years ago

#46506 closed defect (bug) (reported-upstream)

Internet Explorer not showing Media & Text Blocks Correctly

Reported by: abircham's profile abircham Owned by:
Milestone: Priority: normal
Severity: normal Version:
Component: General Keywords: has-screenshots
Focuses: Cc:

Description

I am in the process of upgrading the company website, I have been using Chrome to do the upgrade and all looked fine. However when I viewed the website via Internet Explorer this morning I noticed that the Media & Text blocks have the picture above the text instead of side by side, on Chrome and FireFox these are displayed correctly.

I have cleared the IE cache but it didn’t help.

An example page is https://www.cherry-white.co.uk/products/optical-transport-wdm-solutions/

Attachments (2)

46506-ie11.png (255.0 KB) - added by ianbelanger 5 years ago.
IE11 example page
46506-google-chrome.PNG (256.5 KB) - added by ianbelanger 5 years ago.
Chrome example page

Download all attachments as: .zip

Change History (14)

#1 @knutsp
5 years ago

  • Keywords needs-patch removed
  • Resolution set to invalid
  • Severity changed from critical to normal
  • Status changed from new to closed
  • Version 5.1 deleted

Hello @abircham and very welcome to Trac!

The style and visual presentation of a WordPress site is controlled mostly by the theme you are using. WordPress comes with some default themes (Twenty *) and they are maintained here on this Trac along with core itself.

Looking at the example page you provided and inspecting html source, it seems you are using a theme named Sydneyhttps://wordpress.org/themes/sydney/.

I suggest you contact the author of the theme, or the support forums at their sitehttps://athemes.com/theme/sydney/ to get help.

Closing this as invalid for now. Please reopen this ticket if you find that this is a WordPress core issue. A conversation may also continue on a closed ticket here.

#2 @abircham
5 years ago

  • Resolution invalid deleted
  • Severity changed from normal to critical
  • Status changed from closed to reopened

Thank you for coming back to me so quickly. This was my initial thought as well however I have tried a live preview of other themes and just tried a live preview of twenty nineteen and they all show the same issue.

#3 @knutsp
5 years ago

  • Component changed from General to Bundled Theme
  • Severity changed from critical to normal

The version of Internet Explorer you are using would be useful. Support for IE is limited.

I have set the correct ticket component for the bundled Twenty*-themes, so they correct team may have a look at it. Please don't raise severity above normal, it has no effect.

#4 @knutsp
5 years ago

  • Keywords reporter-feedback added

#5 @abircham
5 years ago

Thanks again.
The version if IE is 11.379.17763.0
I have tried on other machines as well to illuminate a local issue.

#6 @ianbelanger
5 years ago

Hi @abircham,

I just checked your example page in Chrome and IE11 and I don't see much difference between the 2 browsers. See my screenshots below.

Can you provide a screenshot of the issues you are seeing? Thank you

@ianbelanger
5 years ago

IE11 example page

@ianbelanger
5 years ago

Chrome example page

#7 follow-up: @ianbelanger
5 years ago

  • Keywords has-screenshots added

#8 @ianbelanger
5 years ago

  • Milestone Awaiting Review deleted
  • Resolution set to worksforme
  • Status changed from reopened to closed

#9 in reply to: ↑ 7 @abircham
5 years ago

  • Resolution worksforme deleted
  • Status changed from closed to reopened

Replying to ianbelanger:
Thank you for your comments. I have added additional custom CSS to the style sheet to overcome the issue. I will remove the code over the now so that you can see the issue and put it back in on monday.

The code I have used is:

.wp-block-media-text:after {

display: table;
content: "";
clear: both;

}
.wp-block-media-text figure {

float: left;
width: 50%;

}
.wp-block-media-text .wp-block-media-textcontent {

float: right;
width: 50%;

}
.wp-block-media-text.has-media-on-the-right figure {

float: right;

}
.wp-block-media-text.has-media-on-the-right .wp-block-media-textcontent {

float: left;

}
@supports (display: grid) {

.wp-block-media-text figure {

float: none;
width: inherit;

}
.wp-block-media-text .wp-block-media-textcontent {

float: none;
width: inherit;

}
.wp-block-media-text.has-media-on-the-right figure {

float: none;

}
.wp-block-media-text.has-media-on-the-right .wp-block-media-textcontent {

float: none;

}

}

Version 0, edited 5 years ago by abircham (next)

#10 follow-up: @ianbelanger
5 years ago

  • Component changed from Bundled Theme to General
  • Keywords reporter-feedback removed
  • Milestone set to Future Release

Hi @abircham,

Thanks for clarifying. I can now confirm the issue in IE11. I will submit a patch to fix this issue soon. I am changing the Component to General, because this is not just a Bundled Themes issue, it affects other themes as well.

#11 in reply to: ↑ 10 @abircham
5 years ago

Replying to ianbelanger:

Hi @abircham,

Thanks for clarifying. I can now confirm the issue in IE11. I will submit a patch to fix this issue soon. I am changing the Component to General, because this is not just a Bundled Themes issue, it affects other themes as well.

Thank you, I will re-insert the code for now then as a temp fix.

#12 @ianbelanger
5 years ago

  • Milestone Future Release deleted
  • Resolution set to reported-upstream
  • Status changed from reopened to closed

After some research, I have found that there is already an ongoing issue in the Gutenberg repo on Github. https://github.com/WordPress/gutenberg/issues/11577 This issue will have to be fixed there and any further conversations should be continued there as well. I am closing this ticket.

Last edited 5 years ago by ianbelanger (previous) (diff)
Note: See TracTickets for help on using tickets.