Bug / Button docs / Content spilling outside of page on small screens

[orion-cengage]

Pages:

• https://react-magma.cengage.com/version/3.1.0/api/button/
• https://react-magma.cengage.com/version/3.1.0/api/dropdown/
• https://react-magma.cengage.com/version/3.1.0/api/button-group/
• https://react-magma.cengage.com/version/3.1.0/api/combobox/
• https://react-magma.cengage.com/version/3.1.0/api/flex/
• https://react-magma.cengage.com/version/3.1.0/api/grid/
• https://react-magma.cengage.com/version/3.1.0/api/icon-button/
• https://react-magma.cengage.com/version/3.1.0/api/loading-indicator/
• https://react-magma.cengage.com/version/3.1.0/api/modal/
• https://react-magma.cengage.com/version/3.1.0/api/select/
• https://react-magma.cengage.com/version/3.1.0/api/toast/

Version found: 3.1.0

Bug: On small screens, some of the examples are spilling outside their container, causing the whole page to scroll horizontally. These should be allowed to wrap within their containers or cut them off to prevent the whole page from scrolling horizontally.

[silvalaura]

Ah, good catch! I think this is because of ButtonGroup. We are missing the flex-wrap: wrap; property

[Uditsingh67]

The issue is fixed. See Screen-cast : http://somup.com/c3QrhIUCfi Thanks!