Position Absolute does not work on IOS

Asked

Viewed 106 times

0

I’m trying to line up a button at the end of a ion-item Man css of the button is:

position: absolute !important;
right: 0%;
bottom: 0;

and the result on Android is:

VEJA NO BLOG

But in the IOS the button simply does not appear, or appears in some items in the middle of the ion-item, times above, but does not appear as in Android.

Is there a problem with position: absolute for IOS?
I’m doing something wrong?
There is a better way to position a button at the end of the ion-item?

Using item-end it consumes the entire area of the button, leaving no space above for the texts. Thanks for any help =)

  • The problem may be in the class you are inserting css into. I suggest using ionic serve --lab and inspect the element to see if the css you included is being considered.

  • Thanks for replying @Renata, but I don’t usually use Ionic serves --lab, as it is always shows me the same look for Android and IOS. in case this button appears on Android device, but not correctly on IOS. Using Ionic serves --lab both are equal and correct

1 answer

0


I managed to solve by adding in my css:

float: right;

Browser other questions tagged

You are not signed in. Login or sign up in order to post.