dnguyen800 / air-visual-card

A Lovelace card showing air quality data from airvisual.com. Requires the AirVisual component.
MIT License
106 stars 36 forks source link

more-info no longer opens on HA 113.x #33

Open Mariusthvdb opened 4 years ago

Mariusthvdb commented 4 years ago

as of HA 113, the more-info popups no longer open clicking on the entities in

      card.querySelector('#temp').addEventListener('click', event => {
        fireEvent(this, "hass-more-info", { entityId: aplSensor.config });
      });

throwing these errors:

Schermafbeelding 2020-07-25 om 23 06 19

(this is for another, manually added, querySelector, but the doesn’t matter, even the ‘official’ cards coded selectors don’t work (do nothing but throw an error) where they before opened the more-info with the specified sensor.)

dnguyen800 commented 4 years ago

I'm not able to reproduce the issue and I'm running on HA 0.113.2. You should switch back to an unmodified version of the card, reset your cache, and see if the issue occurs again.

Mariusthvdb commented 4 years ago

of course I had already tried that, and, as said the error is the exact same, only now for Face:

Schermafbeelding 2020-08-02 om 20 09 22

display is alright, only no more-info popup.

Schermafbeelding 2020-08-02 om 20 09 27

Ha 113.3 meanwhile.

Mariusthvdb commented 4 years ago

I've found the cause:

listing the air-visual-card as an entity in the entities card like below

  - type: entities
    entities:
      - !include /config/lovelace/includes/include_aqi_woensdrecht.yaml
      - type: custom:auto-entities
        card:
          type: entities
          style: |
            ha-card {
              box-shadow: none;
              margin: 0px -16px -26px -16px;
            }
          title: Air quality
        show_empty: false
        filter:
          include:
            - entity_id: '*.luftdaten*'
            - entity_id: '*.u_s_*'
            - entity_id: '*.chinese_*'
            - entity_id: 'air_quality.*'

makes the card stop showing the more-info. Using the card as a stand alone card (using the identical !include) does works alright, showing the more-info.

can this be solved somehow?