BUG: Amp-Sidebar "inline styles" error

[orlov0562]

Hi there,

When I try to run amp-sidebar example, from here or here in Chrome it produce next error in Developers Tools Console:

Inline styles with top, bottom and other CSS rules are not supported yet for fixed or sticky elements (#14186). Unexpected behavior may occur.

Looks like the example doesn't match Chrome AMP requirements (LOL)

Steps to reproduce

• Open example from here or here in Chrome
• Open Developers Tools, switch to Console tab
• Press three times on "Toogle sidebar"

Current behavior

Error: Inline styles with `top`, `bottom` and other CSS rules are not supported yet for fixed or sticky elements (#14186). Unexpected behavior may occur.

Expected behavior
No errors

[fstanis]

This warning actually comes from the AMP runtime (specifically here) and it's safe to ignore.

Specifically, it's part of an experiment (#11881) to enable partial support for style attributes. Because <amp-sidebar> gets a style attribute when toggled, this triggers the (false positive) warning.

[madestroIT]

This is happening to me as well and it's not just logging errors. It disables the bar after it is hidden. JS errors occur and the sidebar can no longer be shown.

It can be seen here.

[karsten-eger]

It seems this problem is back again. We noticed it today in our navigation menu (in production no less!). The example madestrolT mentions does have the issue as well.

[fstanis]

Hi, this repo is no longer active since ampbyexample.com has been replaced by amp.dev.

If it's a sample issue, please report to https://github.com/ampproject/docs
If it's a component issue, please report to https://github.com/ampproject/amphtml

I'm unable to reproduce the issue that madestroIT explained in the sample at least, so we may need more information.

[karsten-eger]

Done so - thanks!

ampproject/amphtml#22553