-
Notifications
You must be signed in to change notification settings - Fork 273
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
SF_ACC Successfactors : FlexibleColumnLayout in IE11 sometime shows aria-labels as visible #2723
Comments
I could not reproduce the issue. I tried multiple times with/without cache. I could imagine something like this could happen on initial load (while CSS is not loaded yet), but never on clicking the arrows. You could try with this CSS on your HTML page: .ui5-hidden-text {
position: absolute;
clip: rect(1px,1px,1px,1px);
user-select: none;
left: 0;
top: 0;
} Let me know if it helps at all and we'll take it from there. Regards, |
Hi Vladi, Currently below override CSS solution works.
Thanks |
Hello @mydavidzhang thanks for checking. We think it's safe to add negative coordinates to ensure the labels are not visible in IE. We will create PR for that. BR, |
Add negative coordinates to the a11y invisible texts to ensure they remain out of the view port. Already this is the case in most of the browsers, but on IE they can be still observed. The negative coordinates do not affect the a11y and do not prevent Screen Readers from announcing the texts. FIXES: #2723 CLOSES: #2723
Add negative coordinates to the a11y invisible texts to ensure they remain out of the view port. Already this is the case in most of the browsers, but on IE they can be still observed. The negative coordinates do not affect the a11y and do not prevent Screen Readers from announcing the texts. FIXES: #2723 CLOSES: #2723
Add negative coordinates to the a11y invisible texts to ensure they remain out of the view port. Already this is the case in most of the browsers, but on IE they can be still observed. The negative coordinates do not affect the a11y and do not prevent Screen Readers from announcing the texts. FIXES: #2723 CLOSES: #2723
Fix is released with 0.29.14 |
Describe the bug
FlexibleColumnLayout in IE11 sometime shows aria-labels as visible on top right corner when First column is collapsed and only Middle column visible
To reproduce
Steps to reproduce the behavior:
<ui5-flexible-column-layout layout="TwoColumnsMidExpanded"><div slot="startColumn">1</div><div slot="midColumn">2</div></ui5-flexible-column-layout>
Expected behavior
aria-labels should NOT be visible
Screenshots
![Screenshot 2021-01-22 234243](https://user-images.githubusercontent.com/10460331/105572811-48f6ef00-5d0e-11eb-9afb-539633b6015e.png)
![Screen Shot 2021-01-22 at 11 51 05 PM](https://user-images.githubusercontent.com/10460331/105572812-4a281c00-5d0e-11eb-93b2-defacfaed6b6.png)
Context
Affected components
FlexibleColumnLayout
Organization:
Successfactors
The text was updated successfully, but these errors were encountered: