You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
On Mac, the code-snippet vertical alignment is not correct for single line snippet when the scroll bars are set to "always".
Detailed description
Describe in detail the issue you're having.
We have a series of single line code snippets on the page we are building, but the snippet text appears flush against the top of the box, rather than centred nicely within the field as shown in the screenshots below.
The text is correctly aligned when viewed on a Mac screen natively" but there appears to be a case when there is an external mouse attached when causes the scroll bar to be rendered permanently, and the text gets pushed to the top of the page
This seems to be because the presence of the external mouse causes the scroll bars to going into "always show" mode. The issue can also be reproduced by setting that mode manually in the Mac settings as described below.
Is this issue related to a specific component?
code-snippet
What did you expect to happen? What happened instead? What would you like to see changed?
In all cases, a single line of text should be vertically aligned in the centre of the field, matching the alignment of the copy button on the right of the field.
What browser are you working in?
MacOS 10.14.6, occurs in all browsers tested;
Firefox 60.8.0esr
Safari 12.1.2
Chrome 76.0.3809.100
What version of the Carbon Design System are you using?
Title line template: [Title]: Brief description
On Mac, the code-snippet vertical alignment is not correct for single line snippet when the scroll bars are set to "always".
Detailed description
The text is correctly aligned when viewed on a Mac screen natively" but there appears to be a case when there is an external mouse attached when causes the scroll bar to be rendered permanently, and the text gets pushed to the top of the page
This seems to be because the presence of the external mouse causes the scroll bars to going into "always show" mode. The issue can also be reproduced by setting that mode manually in the Mac settings as described below.
code-snippet
In all cases, a single line of text should be vertically aligned in the centre of the field, matching the alignment of the copy button on the right of the field.
MacOS 10.14.6, occurs in all browsers tested;
Reproduceable in the version currently shown on the website;
https://www.carbondesignsystem.com/components/code-snippet/code
IBM MQ on Cloud.
Not stop-ship, so no concerns about release date.
Steps to reproduce the issue
Two approaches;
The text was updated successfully, but these errors were encountered: