Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Unexpected behavior related to how spacing is assigned inside of the pane [BUG] #75

Closed
akharag opened this issue Oct 14, 2020 · 1 comment
Assignees
Labels
bug Something isn't working

Comments

@akharag
Copy link

akharag commented Oct 14, 2020

Describe the bug
A clear and concise description of what the bug is.

The cupertino-pane has much more room under where the content inside of the pane resides. There is no way to get the content to extend to the bottom of the pane. Tryin to extend the div, etc. beyond 100% height only makes the div, etc. scrollable. Tested with div, ion-slides, and ion-content.

To Reproduce
Steps to reproduce the behavior:

<style> .cupertino-pane { backgrounf-color= yellow; } .myDiv { height=100%; background-color= blue; } </style>

Expected behavior
A clear and concise description of what you expected to happen.

The div, etc. should cover all the yellow space when height=100%. Refer to the screenshots below.

Screenshots
If applicable, add screenshots to help explain your problem.

ion-slides
Screen Shot 2020-10-14 at 8 24 36 PM

div (can reduce the height to less than 100% to make the area not scrollable, also occurs on inverse=false, but content starts at top instead of in middle)
Screen Shot 2020-10-14 at 8 26 53 PM

ion-content (always makes a scrollable area even without specifying height)
Screen Shot 2020-10-14 at 9 01 16 PM

Desktop (please complete the following information):

  • OS: ionic serve
  • Browser: chrome
  • Version 86.0.4240.75

Additional context
Add any other context about the problem here.
Adding flex to a child div will allow the screen to take up the whole pane if the height is over 100%, but will make it scrollable.

@roman-rr roman-rr self-assigned this Oct 14, 2020
@roman-rr roman-rr added the bug Something isn't working label Oct 14, 2020
roman-rr added a commit that referenced this issue Oct 17, 2020
@roman-rr
Copy link
Collaborator

@akharag Should be fixed in 1.1.92 and padding removed, please check.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

2 participants