BUG - Pro 1.2.7 - Line Element appearing different in Chrome vs Edge

[sam_futr]

Hi Team

Bit of a frustrating one here… have set up pretty default line elements across this whole site, and the lines are showing completely differently in Edge compared to Chrome.

Chrome lines - aligned left (all okay):

Microsoft Edge lines - aligned centre (NOT OKAY):

This is quite frustrating, as one would assume that a default element created within Cornerstone/Pro would theoretically automatically appear the same across all primary browsers.

Here is how I have set up the Line Element in Cornerstone/Pro:

There is no custom CSS applied to these lines. I have tried to align the column text to the left - to no avail. Essentially the lines in Edge should be aligning left… like they do in Chrome.

Please advise how/when this will be resolved. I will provide site login details privately.

Thanks
Sam

[thai]

Hi There,

Please add the float: left; inline CSS to the style field of those lines.

Let us know how it goes!

[sam_futr]

Hi Thai

Thanks for the custom fix, but I’ll need to add this to every single line I’ve added to my site, dependant on whether they actually are supposed to float left or not… like they do in Chrome.

Also, I’m more concerned about this from a ‘built-in’ requirement of Cornerstone/Pro.

I would think elements acting differently across Browsers should not be standard in Pro/Cornerstone, or any theme for that matter?

Can you please confirm that this bug will be looked in to for resolution in an upcoming update? So that, as an option, lines float the same across browsers based on certain functions selected in Cornerstone, eg. adding “Float” selections in the element within Cornerstone.

Thanks
Sam

[christian]

Hey Sam,

I confirm the issue but I’m not sure if this is a bug or we just need to provide an instruction for this because the cross browser compatible setup of aligning the Line element or technically an hr element is to use auto margins.

To align the Line to the right, it’s left margin must be set to auto

To align the Line to the left, it’s right margin must be set to auto

To center the line, both left and right margins must be set to auto.

Chrome:

Edge:

Anyway, I’ll post this to our issue tracker.

Thanks.

[sam_futr]

Thanks for the detailed response, Christian!

Yep, that’ll be super handy as a mouse-over tip or something along those lines in that Margin section of Line Element, or even just straight content directly under the ‘Margin’ title. I’m sure there are quite a few websites out there with lines that are loading incorrectly on Edge, unbeknownst to the developers.

Cheers,
Sam

[christian]

You’re welcome, Sam. Thanks for your feedback. I’ll add it to my report.