Bug?/AsDesigned?: Built-in placement attribute 'start' does not work for Android and Windows platform


#1

Hi

To reproduce the bug, please go to the official ionic documentation:
https://ionicframework.com/docs/components/#toolbar-buttons

Please have a look at the example: Toolbar > Buttons in Toolbars

There you see, that in the right design-example (device widget), the search-icon
is not at the right place (only Android and Windows). It should be placed at the beginning of the toolbar.
For IOS it’s correct.

Android: (wrong: search icon is placed at the end instead of start)

IOS: (correct: search icon is placed at start)

Does anybody have a workaround for this?

Thanks
Oliver


#2

Hey,

Is that wrong or is that actually an Android design guideline? Honestly I don’t know…

But anyway the “workaround” I used in my app, I use left

<ion-toolbar>
    <ion-buttons left no-shadow>
    ..
    </ion-buttons>

    <ion-title>Something</ion-title>
   
   <ion-buttons end>
        ...
   </ion-buttons>
</ion-toolbar>

But note, doing so, it might need a bit of scss to customize the padding left-right of the buttons


#3

Hey @reedrichards :slight_smile:
Thanks for your answer.
I was also asking myself whether it’s an Android styleguide thing or a bug :slight_smile:
I can’t believe, that I’m the first one, who is recognizing this.

But it’s also a little bit strange, that this handled like this.
I mean how should you know this, whether it’s a styleguide thing?
If they provide an attribute to place an element, I expect, that the
attribute behaves as it should - to place the element to the right place.

I will try your solution, and when it works, I can live with that I think.

Thanks for the tip.

Oli


#4

Same too me, start vs left these attributes changed within the time so at the end I just thought “well it works with what I want to achieve, I can’t live with that”

Hope this tricks gonna works for you too!

Let me know