mini-media-player: 2022.3.X Breaks dropdown

mini-media-player uses paper-menu-button and paper-listbox with the assumption Home Assistant will load these elements.

https://github.com/kalkih/mini-media-player/blob/master/src/components/dropdown.js#L57

In 2022.3 these elements are no longer part of Home Assistant, so this will no longer work.

About this issue

  • Original URL
  • State: closed
  • Created 2 years ago
  • Reactions: 9
  • Comments: 40 (13 by maintainers)

Most upvoted comments

Until I’ve bundled the mwc-elements with the card this fix should do: #616

Beta release here: https://github.com/kalkih/mini-media-player/releases/tag/v1.16.0-beta

Let me know

Fix now also available in latest stable release.

@kalkih Fixed! Thanks for the quick turnaround!

@alex-gillies For some reason the minor releases of the card seems to unpublish themselves on github… I’ve republished the latest version (1.16.2), Check for this version in HACS, this version should include fixes for the issues you’re seeing.

Jep, beta fixes the issue for me

Screenshot_20220302-191046_Home Assistant Screenshot_20220302-191032_Home Assistant

Thanks @bramkragten,

Might not be an issue, haven’t read up on the Scoped Custom Element Registries spec fully yet. But will we not potentially still have issues when mwc-elements are imported in the base classes of the mwc-elements? Such as here https://github.com/material-components/material-web/blob/master/packages/list/mwc-check-list-item-base.ts#L11

That’s why we also define those, and ignore those imports in the rollup config.

So it needs some “hacks”, but it works…

I managed to migrate the mini-climate card (after a lot of trail and error, and based on the boilerplate repo mentioned here) - https://github.com/artem-sedykh/mini-climate-card/pull/67 you can use it as a reference if that helps to fix this repo

We have good news, we found a way for custom cards to define the same elements HA uses! More info and examples on this shortly.

we replaced them with mwc-select but to prevent issues like this in the future we do advise to bundle your own.