Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

input_select dropdown wont show completely or scroll down #9416

Closed
3 tasks done
Mariusthvdb opened this issue Jun 14, 2021 · 10 comments
Closed
3 tasks done

input_select dropdown wont show completely or scroll down #9416

Mariusthvdb opened this issue Jun 14, 2021 · 10 comments
Labels
Bug Current Bug in UI - Extra Attention safari Apple Safari desktop browser specific issues (not iOS)

Comments

@Mariusthvdb
Copy link
Contributor

Mariusthvdb commented Jun 14, 2021

Checklist

  • I have updated to the latest available Home Assistant version.
  • I have cleared the cache of my browser.
  • I have tried a different browser to see if it is related to my browser.

Describe the issue you are experiencing

the dropdown of an input_select wont scroll down in a Safari desktop window when it touches the bottom window

Chrome behaves fine

Describe the behavior you expected

be able to scroll up/down

Steps to reproduce the issue

  1. click dropdown
  2. try and scroll

...

What version of Home Assistant Core has the issue?

2021.6.4

What was the last working version of Home Assistant Core?

Dk

In which browser are you experiencing the issue with?

Safari desktop Mac

Which operating system are you using to run this browser?

Big sur 11.2.3 Safari 14.0.3

State of relevant entities

not relevant

Problem-relevant frontend configuration

- type: entities
    title: Theme settings
    entities:
      - input_select.set_sunrise_theme
      - input_select.set_sunset_theme
      - sensor.sun_based_theme

Javascript errors shown in your browser console/inspector

none

Additional information

Jun-14-2021 11-18-41

this is the full list of available themes the scroll wont allow to select:

Schermafbeelding 2021-06-14 om 11 13 59

@Mariusthvdb Mariusthvdb added the Bug Current Bug in UI - Extra Attention label Jun 14, 2021
@Mariusthvdb
Copy link
Contributor Author

Mariusthvdb commented Jul 14, 2021

recently discovered this same behavior also prevents scrolling the language drop down in the account pane

Schermafbeelding 2021-07-14 om 09 22 47

@spacegaier
Copy link
Member

I don't own any Apple devices, so I can only try on Windows.

=> I cannot reproduce this issue in dev with neither Firefox nor Chrome. The long dropdown menus always get a scrollbar here so I can access all entries without issue.

@Mariusthvdb
Copy link
Contributor Author

Mariusthvdb commented Oct 1, 2021

just checked it once more, with all updates, HA in the new beta 10, and Apples software to the latest both Mac OS and Safari:

Schermafbeelding 2021-10-01 om 09 35 53

no scroll bar, and we can not scroll the dropdown beyond the browser window
can confirm the correct workings in Chrome

@spacegaier spacegaier added the safari Apple Safari desktop browser specific issues (not iOS) label Oct 1, 2021
@github-actions
Copy link

There hasn't been any activity on this issue recently. Due to the high number of incoming GitHub notifications, we have to clean some of the old issues, as many of them have already been resolved with the latest updates.
Please make sure to update to the latest Home Assistant version and check if that solves the issue. Let us know if that works for you by adding a comment 👍
This issue has now been marked as stale and will be closed if no further activity occurs. Thank you for your contributions.

@github-actions github-actions bot added the stale label Dec 30, 2021
@Mariusthvdb
Copy link
Contributor Author

still happening, most frustrating issue. Ha 2022.2.0.dev20211230

@github-actions github-actions bot removed the stale label Dec 30, 2021
@Mariusthvdb
Copy link
Contributor Author

keeping alive just to be sure. dev 2022.3

@bramkragten
Copy link
Member

This will be fixed soon (next week) by replacing them with mwc-select

@Mariusthvdb
Copy link
Contributor Author

Fixed!

Thanks, working beautifully.

Is the select box purposely themed differently from the drop down itself?

Had to set some theme variables to reinstate the regular coloring.

@pedolsky
Copy link

pedolsky commented May 4, 2022

Can the topic be reopened or should I raise a new issue? Input select lists are jumping back / invisible (iOS):

FullSizeRender.MOV

@emontnemery
Copy link
Collaborator

@pedolsky Please open a new issue where you fill in all the details about your environment in the template 👍

@github-actions github-actions bot locked and limited conversation to collaborators Jun 3, 2022
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Bug Current Bug in UI - Extra Attention safari Apple Safari desktop browser specific issues (not iOS)
Projects
None yet
Development

No branches or pull requests

5 participants