This might seem trivial, but is there a way to change the offset scroll when clicking on an element in the structure panel? I’ve noticed when I click on an element to bring it to focus into the editor window, it scrolls it all the way to the top and I find myself having to scroll down a little bit to get it center view. Seems that it would be more efficient to be able to define the scroll offset when clicking on the structure panel element to scroll the window to what works best for the end user. Myself, I like to see the surrounding elements and have it as centered in my screen as much as possible. 1 reason being that sometimes, the changes I’m making affect other elements on the page which might be above the element.
Is this something that has been already submitted to the idea board? Can´t find it.
I´m really shocked how long this has been ‘ignored’ by the devs - maybe they work different. But for me as a structure panel fan it´s a total pain to click and scroll again and again. And it even worse with a sticky header!
Did some Updates in an Elementor project today - and that feels nice and smooth for the eyes.
I would also like to confirm that “scroll into view” desperately needs an offset.
In fact, the feature “Expand active element & scroll into view” needs to be decoupled all together. "Expand active element " is brilliant and works great but “scroll into view” is quite annoying without any way to control the offset.
Maybe it’s just me but I like to see and work on the active element when it’s in the middle of the screen, not at the very top.
EDIT: Also I just noticed that in v1.6 disabling “Expand active element & scroll into view” only disables the expand active element, not scroll into view. At this point I wish it was other way around.
Another EDIT: I’m not here to tell devs how to do their work but if they are using scrollIntoView() then it probably wound mean changing one word: from scrollIntoViewOptions: {block: “start”} to scrollIntoViewOptions: {block: “center”}.
Of course, I’m sorry if I’m oversimplifying this issue.
I had placed a submission on the idea board, but it isn’t there yet, so its either not being reviewed, or isn’t being considered(which would be a shame).
For now I do this by hand by editing the iframe.min.js bricks file by setting an offset of 80px on this line getBoundingClientRect().top it is annoying to redo the change on every update and every website I am working on
I am thinking to provide a new Bricks setting like the following that allows you to set a custom value for the “Auto scroll element into view” or to disable it by setting the input value to off:
I think this thread is the best place to post this - so maybe someone can help out.
Cool to have this setting now but I´m not quite sure I understand or use the full range of it. As far as I can see it´s possible to set percent values (or are there more options?).
If I use 30% that means it scrolls to 30% from top of the selected element in structure panel - right?
At first sight that sounds great - but if I have a very long section… what´s the profit of it?
What I would wish for is more a ‘global space from above’ setting. So if I select this section it srcolls to the top of it but with - let´s say 30 vh or % - from the top, let´s say like a margin value. So I’m at the begining of this section with the space above - not somewhere 30% in middle of the section.
The whole intent was to move it down a little bit so it wasn’t right at the very top. For me, most elements are roughly about the size of or a little smaller than my VH, so this works fine. For some, Having the starting/top part of the element centered and not slammed right at the top is good. Its just a preferencial thing.
If you have a element that is lets say 3 o4 4x the size of the VH, then it probalby doesn’t matter, but I would think those are more exceptions than norms for most elements. Just a thought.
So, you know you can use whatever value type you like, right? 30% or 30vh it sounds like in your case? You can specify that value type and it is from the top of the editor space.
Everything acts now like it should.