Ion-option-button(s) not resizing on ng-hide/ng-show

@uxworldwide wrote:

I am using ng-click and ng-hide on ion-option-button(s) in order to trigger subsequent options.

1. Clicking on the first ion-option-button hides itself and shows the two others.

My problem lies in the fact that when the first ion-option-button is hidden, the size of the previous button doesn’t update to the width of the two following ones, covering its text.

WhatsApp Image 2018-01-16 at 06.28.21.jpeg1080x784 32.1 KB

<ion-option-button **ng-hide="downloaded1"** ; style="color:black;" class="button-energized" ng-click="downFile();
Preference('Apea.pdf'); downloaded1=true;">
<p ng-bind="download"></p>
</ion-option-button>

<ion-option-button ng-show="downloaded1" ; class="button-energized" ng-click="openFile();
Preference('Apea.pdf')">
<p ng-bind="send"></p>
</ion-option-button>

<ion-option-button ng-show="downloaded1" ; class="button-primary" ng-click="openFile();
Preference('Apea.pdf'); ">
<p ng-bind="open"></p>
</ion-option-button>

Posts: 1

Participants: 1

Read full topic