Expandable cards: finetuning?

[Tim]

I’m currently using expandable cards a lot and really like them. Would like to add two finetuning suggestions:

1. All clickable/interactive elements, like buttons, checkboxes, sliders automatically disable user-select through CSS. Can this also be added for expandable cards? Or is there a reason why this is not done?

2. Buttons always respond, even if you hold them down for a second. But expandable cards won’t expand if you tap them longer. As soon as the ‘press down’ animation starts, they don’t expand on release anymore. Maybe this is related to user-select, but can’t figure it out.

3. When a expandable card contains a link to a new page, the page-content on the new page isn’t scrollable until you tap it once. Looks like it gains focus on tap and then the scroll works without any problem. The same page is perfectly scrollable if navigated to outside of an expanable card.

[nolimits4web]

@Tim

All clickable/interactive elements, like buttons, checkboxes, sliders automatically disable user-select through CSS. Can this also be added for expandable cards? Or is there a reason why this is not done?

You mean when the card is closed? Yes, i think it makes sense, will add it

@Tim

Buttons always respond, even if you hold them down for a second. But expandable cards won’t expand if you tap them longer. As soon as the ‘press down’ animation starts, they don’t expand on release anymore. Maybe this is related to user-select , but can’t figure it out.

Yes, i am aware of this issue, and it is something related to iOS issues. As it happens only when app is running in cordova or installed to home screen. Spent a lot of time trying to figure out what caused it without success

@Tim

When a expandable card contains a link to a new page, the page-content on the new page isn’t scrollable until you tap it once. Looks like it gains focus on tap and then the scroll works without any problem. The same page is perfectly scrollable if navigated to outside of an expanable card.

Will check it