# anchor doesn't work in 2c-r layout

[martinbon]

Demo clip
https://share.clickup.com/clip/p/t2317190/274a95ec-1f12-4064-a585-7ad5505e26ea/screen-recording-2021-03-17-13:20.webm

Example URL
https://cxl.com/institute/lesson/a-big-list-of-persuasion-techniques/#context-dependent-memory

Scroll is working with scroll="document", but not supported with scroll="panels".

[martinbon]

Comment from @tomasced:

Had a look more and it turns out it doesn't work with 2c-r layout:
<cxl-app-layout id="container" class="cxl-app-layout" layout="2c-r" wide="" scroll="panels">
You can go to https://cxl.com/institute/online-course/adobe-analytics/#get-a-lesson-preview and change to "panels" and leave layout as 1c.
<cxl-app-layout id="container" class="cxl-app-layout" layout="1c" wide="" scroll="panels">
it works, but as soon you change it to 2c-r layout, it stops working (with two columns)

[anoblet]

I believe I have this fixed. Here is a demo:

https://deploy-preview-7--youthful-meninsky-d32e7e.netlify.app/iframe.html?id=cxl-ui-cxl-app-layout--cxl-app-layout-2-cr&viewMode=story#sample-anchor

[lkraav]

I believe I have this fixed. Here is a demo:

Code?

[anoblet]

anoblet#7

[lkraav]

Looks promising.

Any side effects to address from http://harttle.land/scroll-restoration-demos/ perhaps?