brianraymes opened a new issue #907:
URL: https://github.com/apache/royale-asjs/issues/907
A TabBar cannot layout horizontally when a ResponsiveVisibility bead is used.
**Steps to Reproduce**
1. _Create a TabBar with a ResponsiveVisibility bead_
```
<j:TabBar width="100%"
itemRenderer="renderers.TabBarHorizontalIconItemRenderer"
dataProvider="{someDataProvider}">
<j:beads>
<j:ResponsiveVisibility phoneVisible="false"
tabletVisible="true"
desktopVisible="true"
wideScreenVisible="true" />
</j:beads>
</j:TabBar>
```
**Expected Results**
The TabBar displays horizontally and is hidden in phone sizes.
**Actual Results**
The TabBar displays vertically in tablet, desktop, and widescreen sizes.
**Workaround**
A suitable workaround would be to add the ResponsiveVisibility bead to
another container surrounding the TabBar.
----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
For queries about this service, please contact Infrastructure at:
[email protected]
