# Variant preview should ignore knockout for positioning

**URL:** <https://doubleandthrice.discourse.group/t/variant-preview-should-ignore-knockout-for-positioning/27>\
**Category:** McKinley\
**Created:** [September 22, 2026, 12:36pm UTC](https://doubleandthrice.discourse.group/t/variant-preview-should-ignore-knockout-for-positioning/27 "2026-09-22T12:36:18Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![BrunoScheele](https://yyz2.discourse-cdn.com/flex052/user_avatar/doubleandthrice.discourse.group/brunoscheele/32/42_2.png) [@BrunoScheele](https://doubleandthrice.discourse.group/u/BrunoScheele)\
**Post date:** [September 22, 2026, 12:36pm UTC](https://doubleandthrice.discourse.group/t/variant-preview-should-ignore-knockout-for-positioning/27/1 "2026-09-22T12:36:18Z")

</div>

I was making an icon visually the same size in both filled and not-filled version. While taking a look on how it looks smaller (without preview), I was initially confused because the variant preview jumps up and down while toggling the example’s visibility.

Turns out that’s because the knockout of the example also being counted while centering the preview. I feel like it should ignore outer knockout areas for visual centering purposes.

Version 1.2.1 (31)

![Screen Recording 2026-09-22 at 13.12.26](https://canada1.discourse-cdn.com/flex052/uploads/doubleandthrice/original/1X/e7571fd2b3e8615fcecb0502fad56cede80cd67c.gif)

---

<div class="post-metadata">

**Author:** ![AmyWorrall](https://yyz2.discourse-cdn.com/flex052/user_avatar/doubleandthrice.discourse.group/amyworrall/32/5_2.png) [@AmyWorrall](https://doubleandthrice.discourse.group/u/AmyWorrall)\
**Post date:** [September 22, 2026, 10:53pm UTC](https://doubleandthrice.discourse.group/t/variant-preview-should-ignore-knockout-for-positioning/27/2 "2026-09-22T22:53:09Z")

</div>

That’s been on my list to address. As you noticed, it currently makes the preview based on ink bounds (i.e. the outermost coloured pixels).

Ideally I’d do something based on the margin guides, since they’re the canonical ‘location’ of a symbol. I just need to decide how far outside the margins I’ll draw in the preview — it’s completely ok to put symbol content outside of the margin guides, so we can’t crop _at_ them…

---

<div class="post-metadata">

**Author:** ![AmyWorrall](https://yyz2.discourse-cdn.com/flex052/user_avatar/doubleandthrice.discourse.group/amyworrall/32/5_2.png) [@AmyWorrall](https://doubleandthrice.discourse.group/u/AmyWorrall)\
**Post date:** [October 3, 2026, 7:11pm UTC](https://doubleandthrice.discourse.group/t/variant-preview-should-ignore-knockout-for-positioning/27/3 "2026-10-03T19:11:38Z")

</div>

Hi Bruno,

As of McKinley 1.3.1, the sidebar previews are now positioned based on the symbol’s margin guides.

Amy

---

<div class="post-metadata">

**Author:** ![BrunoScheele](https://yyz2.discourse-cdn.com/flex052/user_avatar/doubleandthrice.discourse.group/brunoscheele/32/42_2.png) [@BrunoScheele](https://doubleandthrice.discourse.group/u/BrunoScheele)\
**Post date:** [October 4, 2026, 3:12pm UTC](https://doubleandthrice.discourse.group/t/variant-preview-should-ignore-knockout-for-positioning/27/4 "2026-10-04T15:12:06Z")

</div>

Also verified! You’re doing a great job 👌
