Skip to content
This repository has been archived by the owner on May 4, 2022. It is now read-only.

ion-list has mysterious 32px margin-bottom on iOS #120

Open
ionitron-bot bot opened this issue Nov 28, 2018 · 3 comments
Open

ion-list has mysterious 32px margin-bottom on iOS #120

ionitron-bot bot opened this issue Nov 28, 2018 · 3 comments
Labels

Comments

@ionitron-bot
Copy link

ionitron-bot bot commented Nov 28, 2018

Original issue by @martinjbaker on 2016-07-19T18:34:31Z

For some reason there's a 32px margin-bottom applied on ion-list which causes an unnecessary gap after the last item.

Best seen by scrolling the list to the bottom on the demo page:
http://ionicframework.com/docs/v2/components/#lists

Ionic 2 beta 10

@ghost
Copy link

ghost commented Jan 19, 2019

I am facing the same issue, trying to override as $list-ios-margin-bottom: 0px; but it's not working for me.
I am using Ionic-rc4 version

@kyawswarthwin
Copy link

Ionic v4 same thing happen.

@Sorilea
Copy link

Sorilea commented Mar 28, 2019

For Ionic 4 following fix helped me for this issue:

.ios ion-list{
  margin-bottom: 0;
}

.md for android

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Projects
None yet
Development

No branches or pull requests

2 participants