I am customizing the header tool as per the requirements
I have added another div for my requirements other than the header element like this,
<div class="myWrapper">
<h1>header element</h1>
<!-- this will be extra div and can be toggled using block actions -->
<div class="extraDiv">
<!-- new code -->
</div>
</div>
the problem is when it is added to editor.js and when we scroll between blocks using (up, down) arrow keys, it is also scrolling to the extraDiv I added, I dont want user to scroll to that element I newly added.
so for modified header block, it should scroll only to the header element skipping other elements
Is there any way we can avoid scrolling behavior for some of the elements from the created UI?
I am customizing the header tool as per the requirements I have added another div for my requirements other than the header element like this,
the problem is when it is added to editor.js and when we scroll between blocks using (up, down) arrow keys, it is also scrolling to the extraDiv I added, I dont want user to scroll to that element I newly added.
so for modified header block, it should scroll only to the header element skipping other elements
Is there any way we can avoid scrolling behavior for some of the elements from the created UI?