Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

using material box for card images

See original GitHub issue

I am trying to use material box for card images. My target is to click on card image and view it fullscreen.

<div class="card large hoverable">
    <div class="card-image">
      <img materialize="" class="materialboxed" width="650" src.bind="movie.poster">
    </div>
    <div class="card-content">
      <span class="card-title activator grey-text text-darken-4">${movie.title + " - " + movie.imdbRating}<i class="material-icons right">more_vert</i></span>
      <p>${movie.genre.join(', ')}</p>
    </div>
    <div class="card-reveal">
      <span class="card-title grey-text text-darken-4">${movie.title}<i class="material-icons right">close</i></span>
      <p>${movie.director}</p>
      <p>${movie.genre.join(', ')}</p>
      <p>${movie.actors.join(', ')}</p>
      <p>${movie.plot}</p>
    </div>
  </div>

The problem is that it could not make the image container bigger. So the image will be zoomed but because the container is small it couldn’t show all of the image.

Issue Analytics

State:
Created 8 years ago
Comments:5

Top GitHub Comments

1reaction

acburstcommented, Sep 27, 2015

Fixed in 37c9d7941d6fa0b1a35e055b70d34e6afe634e4c

If you don’t want to remove overflow: hidden yourself, materialbox will now look for ancestors with overflow hidden and remove that attribute and then reset them to their original overflow when you exit out of the materialbox.

0reactions

z4kicommented, May 17, 2017

is there an example how to remove hidden overlow because i didn’t get it