Left nav-buttons causes the title to have 20px left spacing

@ksya wrote:

I may have found a bug
When I have , then the always gets a 20px left spacing (style="left:20px") after a tab change.
does not contain buttons, but a -not always visible- searchbox which overlays the title.

The code looks like this:

    <ion-nav-buttons side="left">
        <div class="header-input item-input-inset" ng-if="search.show">
            <label class="item-input-wrapper textbox-search" >
                <i class="icon ion-search placeholder-icon"></i>
                <input type="search" focus-me="search.focusInput" placeholder="{{'Search...'|translate}}" ng-model="search.q" />
            </label>
        </div>
    </ion-nav-buttons>
    <ion-nav-title><span ng-if="!search.show" translate>Horses</span></ion-nav-title>

If this isn't a bug, I would like to know how I can solve it. Currently I'm using this workaround:

$scope.$on('$stateChangeSuccess', function(event, toState){
    //fix bug in title margin when using 'left' buttons searchbar in header
    var title = angular.element(document.getElementsByClassName("title"));
    if(toState.name == 'tab.horses') 
      title.addClass('fixTitleMargin');
    else
      title.removeClass('fixTitleMargin');
});

But it's not ideal since the timing is never right and you see some flickering

Posts: 1

Participants: 1

Read full topic