Scroll actions rendered in the wrong position in Edge 16 with RTL

[ppaskaris-d2l]

In Microsoft Edge 16, in RTL, the sticky scroll actions are rendered in the wrong position. Specifically, they are rendered far to the right. The click targets are still positioned in the correct place, and the buttons do work as if they were rendered in the correct place.

• button metrics
• same, with sticky shaded red

<d2l-offscreen> is likely causing the issue to manifest:

• d2l-offscreen offset disabled

Microsoft is aware of this issue and it appears to be a defect in their position: sticky; implementation.

• EDGE 16 position:sticky broken with RTL - Microsoft Edge Development
• position sticky breaks with combination of rtl & box-shadow - Microsoft Edge Development

[awikkerink]

[awikkerink]

@ppaskaris-d2l Thanks for doing this!

[ppaskaris-d2l]

My pleasure! Sorry it was so rough for me to get the PR up to spec: it was basically a crash course in Daylight development.

Does this need to get release tagged before it can be added to BSI? I've a build locally just against the sha1 and it's beautiful.

[awikkerink]

Yes. You can bump it with npm version minor -m '(chore) bump version %s'

--edit But you don't have access to the repo? I can bump it.

[ppaskaris-d2l]

I sure do not have access. Also, given that this is a bower package, isn't the version just a git-tag?

[awikkerink]

It is, but npm version also updates the package.json. I suppose it technically doesn't matter.

--edit nvm. We aren't using the version in package.json. I must be thinking of another project. I'll bump the git tag