search

salesforce-ux / design-system

Salesforce Lightning Design System
https://www.lightningdesignsystem.com
Other
3.57k stars 826 forks source link

seeing a grid wrap issue in IE 11, doesn't seem to be present in any of the other major browsers #655

Closed CSTufts closed 4 years ago

CSTufts commented 4 years ago

(REQUIRED) Include one or more screenshots if applicable, as well as a Codepen with the reduced test case.

Describe the issue. Is it a bug or a feature request (new component, new icon, new CSS class)?

issue in ie11 where the grid system seems to be ignored and the divs are being displayed in block format

Is this issue related to a specific component, variant, and/or state? If so, please detail which. any item leveraging slds-grid

Are any specific browsers impacted by this bug? ie 11 only

Which version of the Salesforce Lightning Design System are you using? latest

What actually happened? items are stacked

ITEM A ITEM B

CSTufts commented 4 years ago

I can provide a screen shot if its not immediately reproducible

thanks

CSTufts commented 4 years ago

I am seeing the same thing happen when you use a standard use case of 

<div class="slds-grid slds-wrap">
  <div class="slds-col slds-size_6-of-12">
    <span>A</span>
  </div>
  <div class="slds-col slds-size_6-of-12">
    <span>B</span>
  </div>
</div>
fredboyle commented 4 years ago

@CSTufts Thanks for bringing this to our attention. We'll investigate and report back once we've had the opportunity to do so.

stale[bot] commented 4 years ago

This issue has been automatically marked as stale because it has not had recent activity. It will be closed in 7 days if no further activity occurs. If you still need help with your issue, please comment and we will reply to you shortly. Thank you for your contributions to the Salesforce Lightning Design System.