I have found a rather problematic conflict between the scroll group option and the "Fix Position When Scrolling" option, which unfortunately renders the new feature useless for about half of my intended use cases for it. Details below.
Steps to reproduce:
In my design, I want this to be a fixed UI element that stays fixed at the top or bottom of the screen while the rest of the content scrolls by. So I'm expecting the scroll group to horizontally scroll because I've checked that option, AND I'm expecting the group to be fixed in position because I've selected that option. My expectation of this outcome is reinforced by the tool UI because selecting one option does not disable or unselect the other:
In most cases where the options are mutually exclusive, an intuitive UI will not allow a user to apply conflicting or overriding settings, which is why I believe this to be a bug instead of an intended feature. One could rationally argue therefore that the bug is entirely UI related, but regardless there IS a bug. It's just up to Adobe to decide whether it's an issue with stacking settings or a UI signaling issue. If you're on Team UI Bug, I won't disagree with you. I would just like to state that I personally would have more to gain if Adobe fixed the issue to allow these settings to stack rather than quick fixing the UI to indicate that they cannot.
If you test the prototype between steps 3 and 4, you should have a successfully working horizontal scroll group. However, as you scroll down the page (not pictured), the scroll group continues with the page content:
Once you execute step 4, the scroll group is now fixed to the screen correctly. However, the scroll group will no longer scroll:
In my demonstration, I have some layers above the scroll group to create the illusion that it appears once you've scrolled past a certain point down the page. But aside from that, the only change I've made is checking that fixed position option. I tried it without revealing the hidden layers with the same result, and the scroll group worked fine with the hidden layers prior to fixing its position. So I can say with confidence that it is the setting and not the hidden layers that is causing the issue.
At the very least, I hope this was helpful for someone, even if it was just letting you know that you're not the only one with this issue. One final note: I did try to search for a similar issue on this subject. But since it's a relatively new feature, I don't think anyone else has encountered it yet. If this is a duplicate issue, I apologize.
Copy link to clipboard
Sorry to hear that you are facing issues while working on scrollable groups. Our engineering team is already aware of the issue and is working on a fix for same. You should be able to see it resolved in the upcoming releases.
Thank you Shwetha for your contribution to this post and thanks for informing that team is already looking into the issue.
We will definitely update you, Ash, as soon as the team fixes the issue. We really appreciate your patience and thanks for reporting the problem.
Great! That's honestly the best response I could have hoped for. Thank you, both of you!
Hello, I'm developing a component for a rich text editor like the one I'm typing in right now. I'd like the text input area to be vertically scrollable but also reduce or grow with the width of the display size. The responsive resize options for the region show that the horizontal width is fixed, and it's disabled.
Anyone know how to get this working?
Sorry for the trouble and thanks for reaching out. This is a known issue and the bug is already logged. You will see the fix in the future releases of XD.
We are sorry for the inconvenience.
When I set the viewport of a vertical scroll it doesn't vanish where the handles are positioned like it used to. The content just travels all the way out of the edges of the artboard. I have made several different attempts at making this work, both with a top headline that is fixed outside the vertical scroll area and without as demonstrated in the attached videos. The layer stacking order is in correct place. It always acts as described so it looks like a bug to me.
I am sorry for the delay in response. Could you please confirm if you're experiencing the issue in XD 32.2 version as well?
I will try my best to investigate on the issue.
Yes, the problem is the same in 22.214.171.124.
I have made a basic schedule, here's a screenshot:
The highlighted scroll group can go in all 4 directions (Saturday and Sunday hang off the right, and the schedule goes down to 10pm).
However I'd like the user to be able to see the day at the top of the group, and the time on the left of the group when they scroll to a different part of the schedule, to clearly understand what time and day they are looking at.
Here's a screenshot in prototype mode, looking at the bottom right corner of the schedule.
As you can see, it is very difficult for the user to know what time/day they're looking at.
Is there a way to fix the position of the days at the top of the scroll group and the times on the left of the scroll group?
If this is not yet possible then I'll just make a normal scrolling page for this - maybe I got a bit carried away with the scroll groups, but I think that'd be a great feature to implement in the future.
Hope this makes sense! Please let me know if you need further clarification.
Thanks in advance for any feedback
Sorry for the delay in response. I am afraid, as of now, we don't have this option yet, however, we have received a similar request on Adobe XD UserVoice Page, please upvote this request: https://adobexd.uservoice.com/forums/353007-adobe-xd-feature-requests/suggestions/36329119-fix-posit...
This is the best way of communicating with the Engineering and Product Management teams regarding issues and suggestions so they can be implemented in future releases.
Creating a component with Vertical Scroll applied works great; however, as soon as you apply Fix Position When Scrolling checked, it stops working.
Use case: Create a scrollable dropdown menu or search component that is part of a nav which has fixed position when scrolling checked.
Hi Souheilm, will you be able to make a screenshot, which has a visible layers panel & the properties on the right, with the component in question selected, so we can see what's going on?
A video of your workflow would be great, or if you can upload the file somewhere and link it here, even better 🙂
I tried to replicate your issue, but it works fine for me.
The page scrolls fine but the vertical scrolling in the component stops working. I'll try to create a video later.
Sorry to hear that and thanks for sharing the video. Would you mind telling us the OS and XD version of your machine? It looks like the issue is fixed in 32 version.
We will try our best to investigate on the issue.
Mac OS Catalina 10.15.6
Adobe XD 126.96.36.199
It works when shared on web but does not work in Desktop Preview
Thanks for checking. I have found that there is a regression of this issue so our team has raised another bug for the issue. You will definitely see the fix in the future releases of XD.
Hope it helps.
There's is a bug on the latest update of XD. The vertical scroll don't fuction with "fix position when scrolling" on. It used to work just fine! 😞
Thanks for reaching out and sharing the feedback. This has already been highlighted to the Engineering team and you shall see the improvements in the future releases. For more information on this, please stay tuned to this discussion: https://community.adobe.com/t5/adobe-xd/scroll-groups-not-working-with-fix-position-when-scrolling/t...
Hope you're doing good. I see that this issue has been fixed with the latest version of XD - 33.1. Could you please try and let me know if you're still seeing the issue? Thanks. Have a great day.
Hi Adobe, I currently suffer from this issue in XD34.212 using the combined function Horizontal & Vertical scroll. Can you assist?
Btw it happens after 4 interactions, then it freezes up and won't move anymore
When using horizontal & vertical scroll with fix position, the scrolling stops working after a couple of interactions.
It's effectively the same bug as https://community.adobe.com/t5/adobe-xd/scroll-groups-not-working-with-fix-position-when-scrolling/m...
Can you assist?
Sorry to hear about the trouble. Could you please share a few more details like: