Skip to content
This repository has been archived by the owner on Sep 5, 2024. It is now read-only.

mdDatepicker: non-default theme has transparent calendar container #8690

Closed
mckenzielong opened this issue Jun 7, 2016 · 0 comments
Closed
Assignees
Labels
has: Pull Request A PR has been created to address this issue type: bug

Comments

@mckenzielong
Copy link
Contributor

mckenzielong commented Jun 7, 2016

Actual behavior:

  • What is the issue?
    When using a custom theme that is not named default, the datepicker calendar window is transparent.
  • What is the expected behavior?
    The calendar window either adheres to the background palette, or is at least something opaque. Kind of surprised that $element[0].querySelector('.md-datepicker-calendar-pane'); isn't registered with the theming provider. The background styles could work off of this (currently md-calendar and datepicker are registered, but the detached element is the bit that seems to have problems)

CodePen or Steps to reproduce the issue:

  • CodePen Demo which shows your issue :
    http://codepen.io/mckenzielong/pen/YWyEqo
  • Details:
    Set default theme name to something else (here we have a name 'test'). Click on any of the datepickers to open the calendar window.

Angular Versions:

  • Angular Version: 1.5.6
  • Angular Material Version: 1.1.0-rc.5

Additional Information:

  • Browser Type: Opera/Chrome
  • Browser Version: 37/50
  • OS: Windows 7
  • Stack Traces: N/A

@crisbeto crisbeto self-assigned this Jun 7, 2016
crisbeto added a commit to crisbeto/material that referenced this issue Jun 9, 2016
The calendar pane wasn't registered with the theming service, causing it to be transparent in certain situations.

Fixes angular#8690.
@crisbeto crisbeto added the has: Pull Request A PR has been created to address this issue label Jun 9, 2016
crisbeto added a commit to crisbeto/material that referenced this issue Jun 11, 2016
The calendar pane wasn't registered with the theming service, causing it to be transparent in certain situations.

Fixes angular#8690.
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
has: Pull Request A PR has been created to address this issue type: bug
Projects
None yet
Development

No branches or pull requests

2 participants