openhab / openhab-android

openHAB client for Android
https://play.google.com/store/apps/details?id=org.openhab.habdroid
Eclipse Public License 2.0
599 stars 317 forks source link

Using flavor: css-grid, destroys MainUI3 page functionality in AppBrowser #2974

Open WhiteSockedDancer opened 2 years ago

WhiteSockedDancer commented 2 years ago

Actual behaviour

Describe us what happens

I want to use following page in the Android App:

config:
  label: Jay
  layoutType: responsive
  order: "1"
  sidebar: true
blocks:
  - component: oh-block
    config: {}
    slots:
      default:
        - component: oh-grid-row
          config: {}
          slots:
            default:
              - component: oh-grid-col
                config: {}
                slots:
                  default:
                    - component: widget:widget_notification_drawer
                      config: {}
masonry:
  - component: oh-masonry
    config:
      flavor: css-grid
    slots:
      default:
        - component: widget:widget_Jay_Mode
          config: {}
        - component: widget:widget_jay_jarvis
          config: {}
        - component: widget:widget_Jay_J1K1
          config: {}
        - component: widget:widget_Jay_J6K6
          config: {}
        - component: widget:widget_Jay_Beamer
          config: {}
        - component: widget:widget_Jay_Rollershutters
          config: {}
        - component: widget:widget_Jay_Bed
          config: {}
        - component: widget:widget_Jay_AVR
          config: {}
        - component: widget:widget_Jay_SyncBox
          config: {}
        - component: widget:widget_jay_sim
          config: {}
        - component: widget:widget_jay_lights
          config: {}
        - component: widget:widget_Jay_Spotify
          config: {}
        - component: oh-toggle-card
          config:
            item: Room_Jay_Profile_AutoOff
            title: Eclipse Auto OFF
grid: null
canvas: null

Expected behaviour

Describe us what should happen

Steps to reproduce

having

    config:
      flavor: css-grid

makes the page not functional (due to wrong placements and not working clicks on some elements). image image

for example the Toggle-knob and range sliders are at the Top of the page. removing the flavor makes the page useable again.

Can you reproduce the issue in demo mode?

didnt try. just went with my workaround and removed the styling.

Environment data

Client

Server

openHAB Cloud

mueller-ma commented 7 months ago

You can try to switch the WebView implementation (https://www.openhab.org/docs/apps/android.html#i-have-issues-with-main-ui-or-habpanel) or clear the webview cache (currently only possible with latest beta version).