Icons render incorrectly in component instances until clicked (forced re-render needed)

Hey!
Same here. The problem is visible for the whole team working on the file. The rendering issues covers mostly components, like buttons. But also frames with autolayout on, where many components were put - now in few places looks scattered, like ignoring autolayout settings.

Doing what ​@Melda Cevikel said works miracles, so I just need to click through every instance/autolayout, where problem appears. But it works only for a current session. After reopening the file, problem persist. Though while viewing the prototype, everything looks ok.

The strange thing is that while reviewing the file versions, problems seems to start after April 22nd, so on file versions:
22nd April - ok,
23rd/24th - problems.

But yesterday (23rd) we’ve seen no problem while working on it all day. So it looks like it appeared out of nowhere today.

Hi ​@Melda Cevikel and ​@M4rcin! 

Sorry to hear that you are seeing this with your files - thank you for for the feedback. You’re using slots, right?  I did some digging on our end and team is aware of this issue and is working on a fix. Additionally, our team is working to improve the slots experience while it's still in open beta.

If I hear anything in the meantime, I will update the thread.

Hello, 

The issue happens also on the main components and instances that are not using slots too. I’m adding another screen recording here which this issue happens in a component instance that doesn’t use slots at all. 

Hey, thanks for reply!

Altough, slots are used in my project, the rendering problems occur across whole project, not only in slots frames.

Hi ​@M4rcin and ​@Melda Cevikel! Thank you both for the added detail.

The slots issue is still being worked on by our team, though from what you are describing it does sound like there might be something else going on as well. I did some searching on our end and found an issue from a couple years ago that sounds very similar (icons resizing when clicked); that issue was fixed but it got me thinking. For any layer or element that does this, did you use width and height variables and then use the scale tool? 

Thanks!

Hi ​@adamsmasher  Thanks for looking into this!

We’re seeing this issue on components that don’t use width/height variables as well, so it doesn’t seem to be tied specifically to scaling via variables.

Our system is a mix, some components use size variables, others use fixed dimensions (no variables at all)

The rendering issue (icons appearing at the wrong size until clicked) happens across both cases.

That’s why it feels more like an instance rendering issue rather than something caused by how sizing is defined.