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.

Sign up for GitHub

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

Jump to bottom

[Bug]: TimePicker is completely broken #476

Open
3 tasks done
mochouinard opened this issue May 10, 2024 · 1 comment · May be fixed by #486
Open
3 tasks done

[Bug]: TimePicker is completely broken #476

mochouinard opened this issue May 10, 2024 · 1 comment · May be fixed by #486
Labels
bug Something isn't working

Comments

@mochouinard
Copy link

mochouinard commented May 10, 2024 •
edited
Loading

Before submitting...

Context

When you click on the TimePicker on the documentation page (or on a local install copy of the last release), the pop-up open, but no time is being displayed when selected, some items like the AM / PM move round, and number are there, but they are not the right color, and too big for the box. It just all over the place.
https://materializeweb.com/pickers.html

Current Behavior

https://materializeweb.com/pickers.html
TimePicker open but displayed data is wrong, and interaction doesn't work like it should

Expected behavior

TimePicker to popup, you select a hour and minutes and it display on the left.

Possible Solutions or Causes

No response

Steps to reproduce

  1. https://materializeweb.com/pickers.html
  2. Click the TimePicker

Your Environment

  • Version used:
  • Browser Name and version: Chrome 102 and firefox 125.0.3
  • Operating System and version (desktop or mobile): Desktop Linux Ubuntu
  • Additional information you want to tell us:
@mochouinard mochouinard added the bug Something isn't working label May 10, 2024
IvanPostu added a commit to IvanPostu/materialize that referenced this issue Jun 23, 2024
@IvanPostu
fix: materializecss#476 TimePicker is completely broken
80b4175 
fix TimePicker component
@IvanPostu IvanPostu linked a pull request Jun 23, 2024 that will close this issue
Open
8 tasks
@iozuniga
Copy link

iozuniga commented Sep 12, 2024 •
edited
Loading

Work around:

     @media only screen and (max-width: 600px) {
        .timepicker-digital-display {
        width: 100%;
        }
     }
     @media only screen and (min-width: 601px) {
        .timepicker-digital-display {
        width: 40%;
        }
     }
     .timepicker-text-container input[type=text] {
     color: var(--md-sys-color-on-background);
     border-bottom: 0px!important;
     font-size: 3rem;
     padding: 0px 2px!important;
     }
     .timepicker-display-am-pm {
        right: 0rem;
     }

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
bug Something isn't working
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

fix: #476 TimePicker is completely broken IvanPostu/materialize
2 participants
@mochouinard @iozuniga