iOS Companion app: table may overflow a card

custom-cards / flex-table-card

Highly Flexible Lovelace Card - arbitrary contents/columns/rows, regex matched, perfect to show appdaemon created content and anything breaking out of the entity_id + attributes concept

GNU General Public License v3.0

208 stars 26 forks source link

iOS Companion app: table may overflow a card #120

Open ildar170975 opened 10 months ago

ildar170975 commented 10 months ago

Assume some table contains some amount of columns. On 1920x1080 desktop screen I see all columns fit on a screen in Panel mode. But in iOS Companion App (iOS 5.x) some last columns may overflow a card:

For this particular table this is a minimum width on a desktop w/o an overflow (Chrome): It is ~1010px.

For a small browser's width an overflow is observed:

Is there any way to prevent an overflow by playing with styles, or any other method?

daringer commented 10 months ago

can also confirm this happens on the Android app

ildar170975 commented 10 months ago

Well. this probably is related not to a Companion App - it is related to a smaller viewport. @daringer , shall I rename the issue?

Will try to find ways to adapt the card to viewports...

ildar170975 commented 10 months ago

Can be fixed by

          ha-card > div {
            overflow-x: auto;
          }

Fixed it locally in my setup by card-mod. Probably it should be fixed in card itself...