[Bug]: "+Add a card" not showing up on IOS for long kanban lists

[sntrenter]

Describe the bug

impossible to add notes on IOS for lists that are too long

Expected Behavior

"+Add a card" button shows up at bottom of list no matter the length

Steps to reproduce

1. create kanban page with one very long list
2. note that the button doesn't show up at the bottom of the list on IOS ^note how the long list is scrolled to the very botton

Relevant errors (if available)

No response

Operating system

iOS

[sntrenter]

I'm guessing this doesn't happen on the android app because I haven't seen any bugs reported for it.

a simple workaround is adding an empty list and using it to add cards, I'm also guessing there isn't really a great way to test any fixes to this

[sntrenter]

Ok, I've done some digging into the CSS, it seems this menu blocks some of the rendered area. I don't know if there is a very good way to fix this in CSS without an IOS specific exemption.

[andyrobreid]

I've noticed the same, frustrating when it should be a simple fix. Need to know if any android users can reproduce.

Anyone else, any thoughts to a solution?

[sntrenter]

This does not happen on the iPad app, I believe the area behind bottom menu is rendered as if it was visible. A simple div that’s only active on screen size resolutions (or just when using a phone) should work

[thesoundhead]

I have the same issue on an iPhone 13 mini, iOS 16.5. Probably it would be easy to solve and I would highly appreciate it, if you could look into this. Thank you! 🙏

[ededdneddyfan]

I'm having the same issue on my iPhone 13 Pro, iOS 16.6. hope this can be addressed!

[fcortell]

Problem is in https://github.com/mgmeyers/obsidian-kanban/blob/670aea0301d9a29f9a4fc8e9939a499f34ba099b/src/main.less#L102

I do not understand why this is not happening on Android too, but maybe iOS team did not implemented the bottom menu in the correct way. I modified this line on styles.css on my iPhone and it's solved.

kanban-plugin__lane-wrapper{display:flex;flex-shrink:0;margin-right:10px;max-height:100%;

to

kanban-plugin__lane-wrapper{display:flex;flex-shrink:0;margin-right:10px;max-height:90%;

Anyways, this repository seems abandoned, so maybe @mgmeyers should open this repository to other developer to take the responsibility ownership.

Nevertheless, I created a pull request: https://github.com/mgmeyers/obsidian-kanban/pull/891