Skip to content
This repository has been archived by the owner on May 30, 2023. It is now read-only.

Unable to choose test suite with Materialize CSS #75

Closed
matthewsecrist opened this issue Mar 7, 2017 · 1 comment
Closed

Unable to choose test suite with Materialize CSS #75

matthewsecrist opened this issue Mar 7, 2017 · 1 comment
Assignees

Comments

@matthewsecrist
Copy link

Issue Description

When using Materialize as the CSS framework on Codepen, I am unable to select what test suite to run. Works fine when I remove Materialize.

Browser Information

  • Browser Name, Version: Chrome 56.0 or Safari
  • Operating System: MacOS Sierra
  • Mobile, Desktop, or Tablet: Desktop

Your Code / Link to Your Pen

 http://codepen.io/msecrist/full/VPXMjw/
 
Also able to reproduce with the "Fork this pen!" example and adding https://cdnjs.cloudflare.com/ajax/libs/materialize/0.98.0/css/materialize.min.css as external CSS.
 

Screenshot

screen shot 2017-03-06 at 11 02 42 pm

@christophherr
Copy link
Contributor

This is due to Materialize setting select to display: none;
Even if that is corrected, the select field doesn't look good because Materialize additionally applies

select {
 background-color: rgba(255,255,255,0.9);
 width: 100%;
 padding: 5px;
 border: 1px solid #f2f2f2;
 border-radius: 2px;
 height: 3rem
}

Looks like #fcc_foldout_menu select would have to "counter" those styles.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants
@christophherr @matthewsecrist and others