Repeat grid boundaries should clip to element boundaries without clipping shadows
I created a set of cards recently, with at least 50px shadow around them. When I wanted to create a repeat-grid out of it, it calculated the repeat-grid-items from where the shadow started and not the grid. This made it super difficult to work inside my grid. Please ignore the shadows as these are not part of the layout and the grid should be only for the elements and not the shadow.
Oyunbold Bayansan commented
1. Orginizing components is so difficult cause the left panel is too small. That would be great as a popup or other one to instead.
2. The library is cannot be undo when I make a mistake. That you should reorganize again the components to annoying and a worst thing.
3. Components has to be more powerful cause there is design system look at the features of .figma components.
4. Repeat grid is broken cause the shadow of object is being on px. Shadow is should be off object.
5. Text justification is not great. Can’t cut the words that only cut the sentences.
Pls focus on small things that’s becoming to big things.
In the end, XD updates are too slow comparing to figma. I love Adobe softwares but XD is looks like a kid. I don’t want to leave XD. Thanks Big Love!
Tomas As commented
This is simple request because now it is a BUG.
Lizzie Ayton commented
It's better than before but still doesn't work with drop shadows well enough. I have to ungroup my grids every time I design and then lose the benefit of being able to edit them easily
Zuhaib Ashfaq commented
While using "Repeat Grid" on an element or a Group of elements having shadow, the Repeat Grid will consider the shadow as the part of the Group Boundary.
If the Selected Element is 100 x 100 px with shadow (x=10, y=10, blur=0), the repeat grid will select area of 110 x 110 px which includes the shadow as well (take a look at the attached pictures). This creates much problem with alignment afterwards. Because, mostly the spacing is added between the elements only without including shadow.
What I'm experiencing is that the repeat grid should ignore the drop-shadow and respect the object. The shadows/glows should not be visually cut off, but they should not affect the width/height of the repeat grid's outer boundaries.
Medhat Mekky commented
Repeat grid should behave with shadow as the components do. The grid container should not affects its shadow nor effected by it.
STILL an issue. This is seriously basic stuff for a design program, c'mon Adobe.
Cyrill Studer commented
This still is an issue. The drop shadow should exceed the bounding box of the repeat grid.
This bug has been fixed and should be in the next public release.
Karo Runzlord commented
you guys at XD can make repeat grid automatically ignore the drop shadow and focus on the object itself. so the drop shadow come out through the repeat grid borders
agreed! this causes pain with aligning things if we have to enlarge the size of the repeat grid to accommadate for shadows that go outside the repeat grid bounds
nick i commented
Yeah the work around is to enlarge the repeat grid and move the drop shadowed element away from the edge, but then you lose smart guides and makes aligning things a pain.
Zachary Newton commented
When you have an element with a shadow inside of a Repeat Grid, the grid cuts off the shadow. It would be great to have the shadow overflow out of the grid.
We plan to have Repeat Grids automatically handle this, but until then you can manually fix it.
Cmd-click on Mac (or Ctrl-click on Windows) or double-click (may need to do this more than once) to select item with shadow. Then move it down and/or right.
Hope this helps,
Not so much a feature, but I'm wondering if there's a way to make repeat grids and drop shadows play together a little more friendly - right now, drop shadowing then repeat gridding causes the drop shadows to be cut out.