Skip to content

iOS ActionBarItems overlapping before page load  #2179

@firescript

Description

@firescript

hey guys I have an action bar thats labels overlap on load then pop to the right spots when its loaded.

tns version: 2.0.0
package.json: "version": "2.0.0",

Here is a barebones project showing the issue:
actionBarGlitch.zip

Here is a video showing the issue.
teamreps nav bug.zip

markup looks like this:

    <Page.actionBar>
        <ActionBar>
            <ActionBar.titleView>
                <Label text="TEAMREPS" class="logo" />
            </ActionBar.titleView>
            <ActionBar.actionItems>                
                <ActionItem ios.position="left" tap="logout">
                    <ActionItem.actionView>

                            <Label text="&#xf013;" class="font-awesome-icon nav-icon"  />

                    </ActionItem.actionView>
                </ActionItem>                
                <ActionItem ios.position="right" tap="addTeam">
                    <ActionItem.actionView>

                            <Label text="&#xf0fe;" class="font-awesome-icon nav-icon"  />

                    </ActionItem.actionView>
                </ActionItem>
            </ActionBar.actionItems>            
        </ActionBar>
    </Page.actionBar> 

it also does it with in another view with this action bar:

    <Page.actionBar>
        <ActionBar>
            <ActionBar.titleView>
                <Label text="{{ pageTitle }}" />
            </ActionBar.titleView>
            <ActionBar.actionItems>
                <ActionItem ios.position="left" tap="dashboard">
                    <ActionItem.actionView>
                        <StackLayout>
                            <Label text="&#xf060;" class="font-awesome-icon nav-icon"  />
                        </StackLayout>
                    </ActionItem.actionView>
                </ActionItem>  
            </ActionBar.actionItems>
        </ActionBar>
    </Page.actionBar>

Metadata

Metadata

Type

No type

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions