Hidden component states layers shows in code specs

Forum|Forum|5 years ago
June 24, 2020
1 reply
1385 views

When sharing for development the hidden component states like dropdown menu etc is included in the code specs. This is very annoying cause when you move the mouse around the area where the component is the hidden sublayers appears like invisable box frames, just blue borders. The developers constantly ask what this is cause it looks like an error in the design. The hidden layers from components with states shouldn't show in the code specs. Its confusing.

This topic has been closed for replies.

Spas K.

Community Expert

It depends on how you are "hiding" these elements between the different states. If you hide them using the eye icon in the layers panel, the component boundaries should only contain the visible elements and not expand to the hidden ones.

If you use the opacity property to hide these elements on the default state, the component bounding box will include them and you will get the issue you are describing, if I understand correctly.

Post a screenshot if you can so we can see what's happening.

P

perrybrusAuthor

Inspiring

I'm unable to achive any functional states if I only use the eye icon in the layers palette to hide states, therefor I'm forced to do it the only way available by using the opacity slider. The latter action is including all the layers in the state interaction in the code specs. As you know there's no inteactive features in code specs as it only shows the markup of each element, so including the invisable layers from the states creates confusion for someone who can't see anything but static layout.

P

perrybrusAuthor

Inspiring

Hidden elements are NOT included in code specs, if you use the "eye" icon to hide them.

Here: https://xd.adobe.com/view/ac38ef7c-45a1-4220-80c7-ba817d11aca0-f96b/

Otherwise I agree the whole UI is rather clunky and often annoying.

But the problem you have is solvable.

Btw, considering the other thread you posted, I remember last year I had a problem with my mouse double-clicking randomly and had to change it. There's also a bug with Win10 that causes double-clicks, which might be causing a lot of issues as well. It might be worth checking it.

Thanks for following up and for sharing that code specs demo. Obviously I need to use the eye icon in the layers palette to hide state content from states instead of the opacity slider, actually all official demo videos I have seen on states are using the opacity slider. However I'm having problems with using the states, it is something completly wrong here. When I select a state it goes back to default when I try to edit it and after that all the states are gone and the component tekst in the component section is grayed out. This started after last update, it must be a bug.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded