Materialize: Show-on-small class does not work

Created on 8 Jan 2018  Â·  6Comments  Â·  Source: Dogfalo/materialize

When asking general "how to" questions:

Expected Behavior

Current Behavior

Possible Solution


Steps to Reproduce (for bugs)


  1. https://codepen.io/alanneese/pen/ZvvmjN
    2.
    3.

Context


Your Environment


  • Version used: materialize/0.100.2/css
  • Browser Name and version: Chrome 63
  • Operating System and version (desktop or mobile): Windows 10 desktop
  • Link to your project (if appropriate): https://codepen.io/alanneese/pen/ZvvmjN

Most helpful comment

The doc says "Show for Mobile Only". The doc infers that the class will
hide on everything higher than mobile.

http://www.lockerroomtech.com

On Thu, Jan 18, 2018 at 1:51 PM, Alan Chang notifications@github.com
wrote:

The class itself doesn't hide, it only applies display block on small
screens. Its up to you to apply the styles to hide the element on default
however you see fit.

—
You are receiving this because you authored the thread.
Reply to this email directly, view it on GitHub
https://github.com/Dogfalo/materialize/issues/5531#issuecomment-358761693,
or mute the thread
https://github.com/notifications/unsubscribe-auth/ABcTRz5QCLjy0EOZ50bUVY2xcOkzxR_pks5tL6C7gaJpZM4RW-YG
.

All 6 comments

Please fill out the issue template with more information. Also your codepen link doesn't work

https://codepen.io/alanneese/pen/QamMbV

http://www.lockerroomtech.com

On Tue, Jan 9, 2018 at 6:26 PM, Alan Chang notifications@github.com wrote:

Please fill out the issue template with more information. Also your
codepen link doesn't work

—
You are receiving this because you authored the thread.
Reply to this email directly, view it on GitHub
https://github.com/Dogfalo/materialize/issues/5531#issuecomment-356458802,
or mute the thread
https://github.com/notifications/unsubscribe-auth/ABcTR-L8Ni5kbjvdrI9FP9H1kHZqQh5sks5tJAOigaJpZM4RW-YG
.

The class itself doesn't hide, it only applies display block on small screens. Its up to you to apply the styles to hide the element on default however you see fit.

The doc says "Show for Mobile Only". The doc infers that the class will
hide on everything higher than mobile.

http://www.lockerroomtech.com

On Thu, Jan 18, 2018 at 1:51 PM, Alan Chang notifications@github.com
wrote:

The class itself doesn't hide, it only applies display block on small
screens. Its up to you to apply the styles to hide the element on default
however you see fit.

—
You are receiving this because you authored the thread.
Reply to this email directly, view it on GitHub
https://github.com/Dogfalo/materialize/issues/5531#issuecomment-358761693,
or mute the thread
https://github.com/notifications/unsubscribe-auth/ABcTRz5QCLjy0EOZ50bUVY2xcOkzxR_pks5tL6C7gaJpZM4RW-YG
.

Agreed with @alanneese, it's a bug in either documentation or code.

IMO, the behaviour in documentation would be more useful i.e. "show-on-X-only" would complement "hide-on-X-only" very nicely.

Still not fixed :(

Was this page helpful?
0 / 5 - 0 ratings

Related issues

hartwork picture hartwork  Â·  3Comments

alexknipfer picture alexknipfer  Â·  3Comments

ruslandzhumaev picture ruslandzhumaev  Â·  3Comments

onigetoc picture onigetoc  Â·  3Comments

PhillippOhlandt picture PhillippOhlandt  Â·  3Comments