Dear XD Community,
Thanks for your feedback and for sharing with us the areas that we need to invest in and improve on.
We have introduced several enhancements to components in XD August release. Those enhancements address the following:
1) Drop shadows and blurs will be rendered outside the component bounding box which will help with layout and pixel alignment. For existing components with those issues, right-click the master component and select ‘Fit Bounds to Content’ to reset the bounds on the master component and all instances
2) Component bounds will automatically adjust (expand or shrink) to fit the content within the component while keeping all component instances in sync. For existing components with those issues, right-click the master component and select ‘Fit Bounds to Content’ to reset the bounds on the master component and all instances
3) No more Fractional Pixels with responsive resizing components
To learn more about those fixes, please check:
Please give try out those enhancements and share with us your feedback.
46 commentsComments are closed
Please Please fix
Frankie Loscavio commented
This is the worst bug by far. XD team, please fix this!!!!!!!!!!!!!!!!!!!!! 😞
Wow, gotta love updates that actually make the program WORSE!
The replacement of Symbols with Components has completely ruined my workflow within XD. I used to praise XD, but now I'm not sure...
I'm running into all kinds of annoying quirks that make Components a downgrade from Symbols (This issue is one of them).
Found this bug when trying to add a shadow to a component box.
I was relieved to find others had similar issues only to realize that there is not yet a solution. It's also the second bug I've come across that's been in progress or unresolved for a length of time. This is why I can't justify leaving Sketch. :(
Austin Phillips commented
Agreed. Super annoying.
@Ron Frank - Glad it helped. You're very welcome.
Ron Frank commented
The comment by Anonymous where the steps are numbered 1–5 totally worked for me. It took some trial and error to understand the fixed margin stuff, but I figured it out and it worked (after 45 minutes of floundering on my own BEFORE I thought to search the forum).
Thank you Anonymous!
Frankie Loscavio commented
This needs to be fixed ASAP
The solution proposed by Adobe below does seem to work, but to me it's a hack and I'd still like to see this fixed. It's very strange to have to group first to resize, when when you really only want to resize one or two objects within a component of many objects.
Even if the solution is that it's not automatic, at least if we had the option to "Reset Bounding Box" like in Illustrator, I'd be happy.
This should be merged with this feature request-- but I do believe it's a bug. https://adobexd.uservoice.com/forums/353007-adobe-xd-feature-requests/suggestions/37949959-resizing-elements-within-components-should-resize
I have this same issue when adding content to an existing component. It crops off the bottom. If I try to expand the component, it responsively scales everything instead of expanding the bounding box. The only way around it is to ungroup the component and recreate, which defeats the purpose as then I have to delete and re-add all of the other components to take the update. This wasn't an issue when they were symbols.
Igor Glushchenko commented
I think this bug is almost the same one with drop shadows in components (it will crop shadow if you first create a component and add shadow to some of it's objects after).
I don't know how symbols are handled in Sketch or Invision Studio (haven't tried them) but I really like how symbols work in Adobe Illustrator.
How is this bug not fixed??????????????????????? It's been almost a month and nothing from Adobe. WTF?
With introducing components I was hoping that you will add similar aproach as is in Sketch with rich overriding capabiliies but this bug makes Components painfull element in my workflow.
Sketch handles symbols so much better.
How have you not even acknowledged this is a bug!? It's still not fixed in the latest release?!
This makes components pointless, as you have to make a new one if you want to change them. Totally defeats the point.
Martin Klausen commented
What’s the update on this one? Please fix ASAP.
Thierry Lemaitre commented
That will be useful with buttons! Because sometime the text in a duplicate component is longer than the original component so the text and the background is crop :/
Anita Subedi commented
Thank you for reporting the issue.
Please Try to do in such way :
1. Group all the child elements in the component
2. Set Fix Width & Fix Height constraints on the group
3. Depending upon where you want to resize from, set the opposite constraint, e.g., if you are resizing from the bottom resize handle, set Fix Top constraint
4. Select the component and resize as needed
5. Once finished, go back in and ungroup the group inside the component
Hope this information would be helpful. If still facing the issue, Share the testfile of master component.
Same issue! The bounding should also reduce to the object within, currently it leaves excess bounding. This isn't working as expected, hope it gets fixed in the next update.
Experiencing the same issue. The bounds don't resize as you would expect. I would like to see this fixed in the next update.