Making something a component ruins drop shadows and pixel to pixel alignment
COMPONENTS! Loving the idea...
...hating how it expands the component margins way beyond the actual shape or graphic. Making a duplicate of the master component turns the margin into a mask; THUS when you give the element a drop shadow... it gets clipped.
Why Adobe?

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 while 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:
https://theblog.adobe.com/xd-august-2019-update-auto-css-plugins-panel-more/?scid=6b08d09a-ccfa-4f99-8998-f2b274f731d5&mv=social&mv2=owned_social
Please give try out those enhancements and share with us your feedback.
-Sherif
77 comments
Comments are closed-
NJA commented
It's definitely better that they haven't implemented an 'auto fix' because some people have implemented workarounds. Just select all your master components and update them in one go, simple.
Thank you for finally fixing this!
-
NJA commented
It's looking like this is coming soon.
-
Igor Glushchenko commented
As @Albert said, I've already checked for alternatives.
Figma as a web app is not working with the pen, as Microsoft ruined pen interactions in their Edge browser. But they are moving to a new one based on Chromium - I'll give it a try later.
Invision Studio also has problems working with the pen, the same issues XD had for almost a year after release - pen only interacts with UI but not on the canvas. I hope they fix this issue - I'll check it later again too.
Best wishes in this race guys -
Albert commented
Why is this not fixed yet?
Do you realise this is the highest upvoted bug, and everyone is pissed off with this dumb update.
You are breaking XD and many people will shortly begin to look for alternatives
-
Igor Glushchenko commented
Hi again Adobe XD team and Adobe overall, I'm back from vacation, but the bug is still here.
Now I remember back in days before CC was a thing there was a bug in Illustrator that broke the Eyedropper tool. And it was not fixed until new version of Illustrator came out more than half a year later. I did not think we should expect the same amount of support now, but I guess I was wrong. As this bug was filed almost 3 months ago, do we have to wait 3-4 months more until it's fixed?
Please, give us at least some estimate.
-
LUL commented
New update, same bugs. GJ
-
Anonymous commented
Thanks for the update Sherif! Can't wait for the fix to be completed. Godspeed!
-
sam commented
well this totally fucked up working with symbols. Seriously considering using alternatives instead of XD
-
Fix it commented
Please stop focusing on dumb feature updates.
Get this bug fixed.
What the fuck is the point of uservoice if you don't listen to your users
Make this your number fucking one priority, or I, and many other users will be leaving and using other software
-
Fix it commented
You guys seriously fucked up Adobe XD.
Fix this dumb fucking issue, make component bounding boxes depending on whatever is inside them, and stop including shadows in them
Make this your number fucking one priority, or I, and many other users will be leaving and using other software
-
Fix it commented
When is this gonna be fucking fixed
-
Colin Matthews commented
Chiming in that this is a priority issue for me. Has broken my ability to easily align the vast bulk of the components in my UI kit
-
NJA commented
*tumbleweed*
oh okay cool.
-
NJA commented
Just echoing what Igor has asked - is there an ETA on this? It's still making life really difficult, and as new projects come up we're having to make some decisions initially in project files that have long term effects on how we're working. An update on when we can expect a fix or improvement for any/all of the following: general component cropping, alignment issues, splitting pixels etc etc, would be much appreciated and really would be courteous from Adobe, seeing as this has had such a huge effect on so many people.
-
Igor Glushchenko commented
Hi guys, do you have any news for us? I have another bug with my Adobe XD installation, so it is not updating and I can't see if there was any. My every working day starts by reinstalling XD in hope that there was an update with this thing fixed, along with no connections showing in prototype mode.
Can you please answer only one question: when we can expect an update? I'm interested, because it will answer lots of other questions for me. Questions like should I start a new large project (100+ artboards only for mobile version) without using components? Or should I just take an opportunity to go on vacation and come back to work when it's fixed?
-
Albert commented
Apparently, the shadow that causes the bounding box to be larger than it is, they are fixing this soon hopefully
-
Albert commented
Why hasn't this been fixed yet?
-
peter palenik commented
we've are waiting for two months
-
Igor Glushchenko commented
Hi Sherif,
It's been two month since you've broken our workflow and still there is no fix. I think this is much more important than plugins panel or prototype property inspector you were working on.
How much longer we have to wait for a fix? It's a pain in the a.. to work with components with shadows not only because of clipping, but also because it's coordinates if using uneven shadows or centered strokes.
When we can expect the fix? May be I'll better go on vacation and don't torture myself until it's fixed.
-
Igor Glushchenko commented
Hi Anita Subedi,
I get what you want to say, but have you thought what will happen if you set the drop shadow blur to 3 or set a centered stroke of 3 (or any other uneven number)? Ill tell you what happens - you get top left corner to be on x.5 pixels like in my example - it makes using such components a big pain! If I want to clip something inside the component - I'll make a clipping mask myself.It's been two month since you've broken our workflow and still no fix. I think this is much more important than plugins panel or prototype property inspector you were working on.
How much longer we have to wait for a fix?