Browser Mod Pop Up TV Remote

Hey all, I hope someone can help or point me to a better way of doing things.
I have a TV Remote setup that works fine in a normal widget but trying to move it into a popup creates a blank popup. Any idea what I am doing wrong here?

type: custom:mushroom-template-card
primary: ''
secondary: ''
icon: mdi:sofa
layout: vertical
icon_color: green
size: fullscreen
tap_action:
  action: fire-dom-event
  browser_mod:
    service: browser_mod.popup
    data:
      title: Lounge TV
      content:
        type: vertical-stack
        cards:
          - square: true
            columns: 3
            type: grid
            cards:
              - show_name: false
                show_icon: true
                type: button
                tap_action:
                  action: none
                hold_action:
                  action: none
                entity: scene.tv_power
                name: TV Power
                icon: mdi:power
              - type: button
                icon: mdi:arrow-up-bold
                tap_action:
                  action: call-service
                  service: remote.send_command
                  data:
                    command: DPAD_UP
                  target:
                    entity_id: remote.living_room_tv
                hold_action:
                  action: none
              - show_name: false
                show_icon: true
                type: button
                tap_action:
                  action: none
                hold_action:
                  action: none
                entity: remote.living_room_tv
                show_state: false
              - type: button
                icon: mdi:arrow-left-bold
                tap_action:
                  action: call-service
                  service: remote.send_command
                  data:
                    command: DPAD_LEFT
                  target:
                    entity_id: remote.living_room_tv
                hold_action:
                  action: none
              - type: button
                icon: mdi:circle
                tap_action:
                  action: call-service
                  service: remote.send_command
                  data:
                    command: DPAD_CENTER
                  target:
                    entity_id: remote.living_room_tv
                hold_action:
                  action: call-service
                  service: remote.send_command
                  data:
                    command: DPAD_CENTER
                    hold_secs: 0.5
                  target:
                    entity_id: remote.living_room_tv
              - type: button
                icon: mdi:arrow-right-bold
                tap_action:
                  action: call-service
                  service: remote.send_command
                  data:
                    command: DPAD_RIGHT
                  target:
                    entity_id: remote.living_room_tv
                hold_action:
                  action: none
              - type: button
                icon: mdi:arrow-left
                tap_action:
                  action: call-service
                  service: remote.send_command
                  data:
                    command: BACK
                  target:
                    entity_id: remote.living_room_tv
                hold_action:
                  action: call-service
                  service: remote.send_command
                  data:
                    command: BACK
                    hold_secs: 0.5
                  target:
                    entity_id: remote.living_room_tv
              - type: button
                icon: mdi:arrow-down-bold
                tap_action:
                  action: call-service
                  service: remote.send_command
                  data:
                    command: DPAD_DOWN
                  target:
                    entity_id: remote.living_room_tv
                hold_action:
                  action: none
              - type: button
                icon: mdi:home-outline
                tap_action:
                  action: call-service
                  service: remote.send_command
                  data:
                    command: HOME
                  target:
                    entity_id: remote.living_room_tv
                hold_action:
                  action: call-service
                  service: remote.send_command
                  data:
                    command: HOME
                    hold_secs: 0.5
                  target:
                    entity_id: remote.living_room_tv
          - square: false
            columns: 3
            type: grid
            cards:
              - type: button
                icon: mdi:skip-previous
                tap_action:
                  action: call-service
                  service: remote.send_command
                  data:
                    command: MEDIA_PREVIOUS
                  target:
                    entity_id: remote.living_room_tv
                hold_action:
                  action: call-service
                  service: remote.send_command
                  data:
                    command: MEDIA_REWIND
                  target:
                    entity_id: remote.living_room_tv
              - type: button
                icon: mdi:play-pause
                tap_action:
                  action: call-service
                  service: remote.send_command
                  data:
                    command: MEDIA_PLAY_PAUSE
                  target:
                    entity_id: remote.living_room_tv
                hold_action:
                  action: call-service
                  service: remote.send_command
                  data:
                    command: MEDIA_STOP
                  target:
                    entity_id: remote.living_room_tv
              - type: button
                icon: mdi:skip-next
                tap_action:
                  action: call-service
                  service: remote.send_command
                  data:
                    command: MEDIA_NEXT
                  target:
                    entity_id: remote.living_room_tv
                hold_action:
                  action: call-service
                  service: remote.send_command
                  data:
                    command: MEDIA_FAST_FORWARD
                  target:
                    entity_id: remote.living_room_tv
              - type: button
                icon: mdi:volume-off
                tap_action:
                  action: call-service
                  service: remote.send_command
                  data:
                    command: MUTE
                  target:
                    entity_id: remote.living_room_tv
                hold_action:
                  action: none
              - type: button
                icon: mdi:volume-medium
                tap_action:
                  action: call-service
                  service: remote.send_command
                  data:
                    command: VOLUME_DOWN
                  target:
                    entity_id: remote.living_room_tv
                hold_action:
                  action: none
              - type: button
                icon: mdi:volume-high
                tap_action:
                  action: call-service
                  service: remote.send_command
                  data:
                    command: VOLUME_UP
                  target:
                    entity_id: remote.living_room_tv
                hold_action:
                  action: none
          - square: false
            columns: 4
            type: grid
            cards:
              - type: button
                icon: mdi:youtube
                tap_action:
                  action: call-service
                  service: remote.turn_on
                  data:
                    activity: https://www.youtube.com
                  target:
                    entity_id: remote.living_room_tv
                hold_action:
                  action: none
              - type: button
                icon: mdi:netflix
                tap_action:
                  action: call-service
                  service: remote.turn_on
                  data:
                    activity: netflix://
                  target:
                    entity_id: remote.living_room_tv
                hold_action:
                  action: none
              - type: button
                icon: mdi:jellyfish
                tap_action:
                  action: call-service
                  service: remote.turn_on
                  data:
                    activity: org.jellyfin.mobile.player.audio.MediaService://
                  target:
                    entity_id: remote.living_room_tv
                hold_action:
                  action: none
              - type: button
                icon: mdi:movie
                tap_action:
                  action: call-service
                  service: remote.turn_on
                  data:
                    activity: cinemahd://
                  target:
                    entity_id: remote.living_room_tv
                hold_action:
                  action: none

Standard buttons don’t show up anymore in browser_mod popups.
It does work with custom buttons though.

Progress! Thank you @Nick4 for the tip. However the remote commands don’t send, but as a normal widget they do. any ideas?

type: custom:mushroom-template-card
primary: ''
secondary: ''
icon: mdi:bed
layout: vertical
icon_color: blue
size: fullscreen
tap_action:
  action: fire-dom-event
  browser_mod:
    service: browser_mod.popup
    data:
      title: Bedroom TV
      content:
        type: vertical-stack
        cards:
          - square: true
            columns: 3
            type: grid
            cards:
              - show_name: false
                show_icon: true
                type: custom:button-card
                tap_action:
                  action: none
                hold_action:
                  action: none
                entity: scene.tv_power
                name: TV Power
                icon: mdi:power
              - type: custom:button-card
                icon: mdi:arrow-up-bold
                tap_action:
                  action: call-service
                  service: remote.send_command
                  data:
                    command: DPAD_UP
                  target:
                    entity_id: remote.living_room_tv
                hold_action:
                  action: none
              - show_name: false
                show_icon: true
                type: custom:button-card
                tap_action:
                  action: none
                hold_action:
                  action: none
                entity: remote.living_room_tv
                show_state: false
              - type: custom:button-card
                icon: mdi:arrow-left-bold
                tap_action:
                  action: call-service
                  service: remote.send_command
                  data:
                    command: DPAD_LEFT
                  target:
                    entity_id: remote.living_room_tv
                hold_action:
                  action: none
              - type: custom:button-card
                icon: mdi:circle
                tap_action:
                  action: call-service
                  service: remote.send_command
                  data:
                    command: DPAD_CENTER
                  target:
                    entity_id: remote.living_room_tv
                hold_action:
                  action: call-service
                  service: remote.send_command
                  data:
                    command: DPAD_CENTER
                    hold_secs: 0.5
                  target:
                    entity_id: remote.living_room_tv
              - type: custom:button-card
                icon: mdi:arrow-right-bold
                tap_action:
                  action: call-service
                  service: remote.send_command
                  data:
                    command: DPAD_RIGHT
                  target:
                    entity_id: remote.living_room_tv
                hold_action:
                  action: none
              - type: custom:button-card
                icon: mdi:arrow-left
                tap_action:
                  action: call-service
                  service: remote.send_command
                  data:
                    command: BACK
                  target:
                    entity_id: remote.living_room_tv
                hold_action:
                  action: call-service
                  service: remote.send_command
                  data:
                    command: BACK
                    hold_secs: 0.5
                  target:
                    entity_id: remote.living_room_tv
              - type: custom:button-card
                icon: mdi:arrow-down-bold
                tap_action:
                  action: call-service
                  service: remote.send_command
                  data:
                    command: DPAD_DOWN
                  target:
                    entity_id: remote.living_room_tv
                hold_action:
                  action: none
              - type: custom:button-card
                icon: mdi:home-outline
                tap_action:
                  action: call-service
                  service: remote.send_command
                  data:
                    command: HOME
                  target:
                    entity_id: remote.living_room_tv
                hold_action:
                  action: call-service
                  service: remote.send_command
                  data:
                    command: HOME
                    hold_secs: 0.5
                  target:
                    entity_id: remote.living_room_tv
          - square: false
            columns: 3
            type: grid
            cards:
              - type: custom:button-card
                icon: mdi:skip-previous
                tap_action:
                  action: call-service
                  service: remote.send_command
                  data:
                    command: MEDIA_PREVIOUS
                  target:
                    entity_id: remote.living_room_tv
                hold_action:
                  action: call-service
                  service: remote.send_command
                  data:
                    command: MEDIA_REWIND
                  target:
                    entity_id: remote.living_room_tv
              - type: custom:button-card
                icon: mdi:play-pause
                tap_action:
                  action: call-service
                  service: remote.send_command
                  data:
                    command: MEDIA_PLAY_PAUSE
                  target:
                    entity_id: remote.living_room_tv
                hold_action:
                  action: call-service
                  service: remote.send_command
                  data:
                    command: MEDIA_STOP
                  target:
                    entity_id: remote.living_room_tv
              - type: custom:button-card
                icon: mdi:skip-next
                tap_action:
                  action: call-service
                  service: remote.send_command
                  data:
                    command: MEDIA_NEXT
                  target:
                    entity_id: remote.living_room_tv
                hold_action:
                  action: call-service
                  service: remote.send_command
                  data:
                    command: MEDIA_FAST_FORWARD
                  target:
                    entity_id: remote.living_room_tv
              - type: custom:button-card
                icon: mdi:volume-off
                tap_action:
                  action: call-service
                  service: remote.send_command
                  data:
                    command: MUTE
                  target:
                    entity_id: remote.living_room_tv
                hold_action:
                  action: none
              - type: custom:button-card
                icon: mdi:volume-medium
                tap_action:
                  action: call-service
                  service: remote.send_command
                  data:
                    command: VOLUME_DOWN
                  target:
                    entity_id: remote.living_room_tv
                hold_action:
                  action: none
              - type: custom:button-card
                icon: mdi:volume-high
                tap_action:
                  action: call-service
                  service: remote.send_command
                  data:
                    command: VOLUME_UP
                  target:
                    entity_id: remote.living_room_tv
                hold_action:
                  action: none
          - square: false
            columns: 4
            type: grid
            cards:
              - type: custom:button-card
                icon: mdi:youtube
                tap_action:
                  action: call-service
                  service: remote.turn_on
                  data:
                    activity: https://www.youtube.com
                  target:
                    entity_id: remote.living_room_tv
                hold_action:
                  action: none
              - type: custom:button-card
                icon: mdi:netflix
                tap_action:
                  action: call-service
                  service: remote.turn_on
                  data:
                    activity: netflix://
                  target:
                    entity_id: remote.living_room_tv
                hold_action:
                  action: none
              - type: custom:button-card
                icon: mdi:jellyfish
                tap_action:
                  action: call-service
                  service: remote.turn_on
                  data:
                    activity: org.jellyfin.mobile.player.audio.MediaService://
                  target:
                    entity_id: remote.living_room_tv
                hold_action:
                  action: none
              - type: custom:button-card
                icon: mdi:movie
                tap_action:
                  action: call-service
                  service: remote.turn_on
                  data:
                    activity: cinemahd://
                  target:
                    entity_id: remote.living_room_tv
                hold_action:
                  action: none

fixed code:

type: custom:mushroom-template-card
primary: ''
secondary: ''
icon: mdi:remote
layout: vertical
icon_color: blue
size: fullscreen
tap_action:
  action: fire-dom-event
  browser_mod:
    service: browser_mod.popup
    data:
      title: Bedroom TV
      content:
        type: vertical-stack
        cards:
          - square: true
            columns: 3
            type: grid
            cards:
              - show_name: false
                show_icon: true
                type: custom:button-card
                tap_action:
                  action: toggle
                hold_action:
                  action: none
                entity: scene.tv_power
                name: TV Power
                icon: mdi:power
              - type: custom:button-card
                icon: mdi:arrow-up-bold
                tap_action:
                  action: call-service
                  service: remote.send_command
                  service_data:
                    command: DPAD_UP
                    entity_id: remote.living_room_tv
                hold_action:
                  action: none
              - show_name: false
                show_icon: true
                type: custom:button-card
                tap_action:
                  action: none
                hold_action:
                  action: none
                entity: remote.living_room_tv
                show_state: false
              - type: custom:button-card
                icon: mdi:arrow-left-bold
                tap_action:
                  action: call-service
                  service: remote.send_command
                  service_data:
                    command: DPAD_LEFT
                    entity_id: remote.living_room_tv
                hold_action:
                  action: none
              - type: custom:button-card
                icon: mdi:circle
                tap_action:
                  action: call-service
                  service: remote.send_command
                  service_data:
                    command: DPAD_CENTER
                    entity_id: remote.living_room_tv
                hold_action:
                  action: call-service
                  service: remote.send_command
                  service_data:
                    command: DPAD_CENTER
                    hold_secs: 0.5
                    entity_id: remote.living_room_tv
              - type: custom:button-card
                icon: mdi:arrow-right-bold
                tap_action:
                  action: call-service
                  service: remote.send_command
                  service_data:
                    command: DPAD_RIGHT
                    entity_id: remote.living_room_tv
                hold_action:
                  action: none
              - type: custom:button-card
                icon: mdi:arrow-left
                tap_action:
                  action: call-service
                  service: remote.send_command
                  service_data:
                    command: BACK
                    entity_id: remote.living_room_tv
                hold_action:
                  action: call-service
                  service: remote.send_command
                  service_data:
                    command: BACK
                    hold_secs: 0.5
                    entity_id: remote.living_room_tv
              - type: custom:button-card
                icon: mdi:arrow-down-bold
                tap_action:
                  action: call-service
                  service: remote.send_command
                  service_data:
                    command: DPAD_DOWN
                    entity_id: remote.living_room_tv
                hold_action:
                  action: none
              - type: custom:button-card
                icon: mdi:home-outline
                tap_action:
                  action: call-service
                  service: remote.send_command
                  service_data:
                    command: HOME
                    entity_id: remote.living_room_tv
                hold_action:
                  action: call-service
                  service: remote.send_command
                  service_data:
                    command: HOME
                    hold_secs: 0.5
                    entity_id: remote.living_room_tv
          - square: false
            columns: 3
            type: grid
            cards:
              - type: custom:button-card
                icon: mdi:skip-previous
                tap_action:
                  action: call-service
                  service: remote.send_command
                  service_data:
                    command: MEDIA_PREVIOUS
                    entity_id: remote.living_room_tv
                hold_action:
                  action: call-service
                  service: remote.send_command
                  service_data:
                    command: MEDIA_REWIND
                    entity_id: remote.living_room_tv
              - type: custom:button-card
                icon: mdi:play-pause
                tap_action:
                  action: call-service
                  service: remote.send_command
                  service_data:
                    command: MEDIA_PLAY_PAUSE
                    entity_id: remote.living_room_tv
                hold_action:
                  action: call-service
                  service: remote.send_command
                  service_data:
                    command: MEDIA_STOP
                    entity_id: remote.living_room_tv
              - type: custom:button-card
                icon: mdi:skip-next
                tap_action:
                  action: call-service
                  service: remote.send_command
                  service_data:
                    command: MEDIA_NEXT
                    entity_id: remote.living_room_tv
                hold_action:
                  action: call-service
                  service: remote.send_command
                  service_data:
                    command: MEDIA_FAST_FORWARD
                    entity_id: remote.living_room_tv
              - type: custom:button-card
                icon: mdi:volume-off
                tap_action:
                  action: call-service
                  service: remote.send_command
                  service_data:
                    command: MUTE
                    entity_id: remote.living_room_tv
                hold_action:
                  action: none
              - type: custom:button-card
                icon: mdi:volume-medium
                tap_action:
                  action: call-service
                  service: remote.send_command
                  service_data:
                    command: VOLUME_DOWN
                    entity_id: remote.living_room_tv
                hold_action:
                  action: none
              - type: custom:button-card
                icon: mdi:volume-high
                tap_action:
                  action: call-service
                  service: remote.send_command
                  service_data:
                    command: VOLUME_UP
                    entity_id: remote.living_room_tv
                hold_action:
                  action: none
          - square: false
            columns: 4
            type: grid
            cards:
              - type: custom:button-card
                icon: mdi:youtube
                tap_action:
                  action: call-service
                  service: remote.turn_on
                  service_data:
                    activity: https://www.youtube.com
                    entity_id: remote.living_room_tv
                hold_action:
                  action: none
              - type: custom:button-card
                icon: mdi:netflix
                tap_action:
                  action: call-service
                  service: remote.turn_on
                  service_data:
                    activity: netflix://
                    entity_id: remote.living_room_tv
                hold_action:
                  action: none
              - type: custom:button-card
                icon: mdi:jellyfish
                tap_action:
                  action: call-service
                  service: remote.turn_on
                  service_data:
                    activity: org.jellyfin.mobile.player.audio.MediaService://
                    entity_id: remote.living_room_tv
                hold_action:
                  action: none
              - type: custom:button-card
                icon: mdi:movie
                tap_action:
                  action: call-service
                  service: remote.turn_on
                  service_data:
                    activity: cinemahd://
                    entity_id: remote.living_room_tv
                hold_action:
                  action: none

2 Likes