We’re using the Article content type and have added a workaround for a side nav. (The page has a ton of content and is really long, so we added a sticky side nav.) We’re using checkboxes styled with CSS to look like a nav, and some JavaScript to open and close sections for a sub-nav.
The issue is when we try to edit the Body section. If we try to position the cursor down the page (scroll down to some section and click the cursor to start editing), it just pops back to the top.
In my searching it seems that it’s the hidden child side nav not playing well with the Focus Trap stuff. Is there a way to remove the Focus Trap or override it with CSS?
(I’ve done a lot of experimenting with adding tabindex to the nav that didn’t work. Also, we can’t use the microcourse type, which has a kind of side nav, because it won’t support targeted linking between pages, which we need to do.)
Best answer by jonsynnott
Hi @sue826
I had a look at the HTML code behind the Article and the below text at the top of the page ( I guess this is supposed to be the Side NavBar is what is causing the issue. If I remove this code then you can move to any section in the article and the cursor will not jump to the top.
I created another test Microcourse with your code See HERE and you will note that the sidebar nav bleeds into the Right Hand side. This could be due to the limitations of the width of the Acticle.
One approach could be to have the Jump To links as links at the top rather than have them appear on the LHS which the Artice template is unfortunately set up to cater for.
I hope you are well. If possible could you please send me the URL to the article you are referencing (you can DM me) and also if possible a quick recording of the issues you are having.
I am not a CSS expert but I may be able to work with my internal colleagues to see if we can figure this out for you.
Once I have a better picture of your challenge I will revert back with some recommendations.
I had a look at the HTML code behind the Article and the below text at the top of the page ( I guess this is supposed to be the Side NavBar is what is causing the issue. If I remove this code then you can move to any section in the article and the cursor will not jump to the top.
I created another test Microcourse with your code See HERE and you will note that the sidebar nav bleeds into the Right Hand side. This could be due to the limitations of the width of the Acticle.
One approach could be to have the Jump To links as links at the top rather than have them appear on the LHS which the Artice template is unfortunately set up to cater for.
