Bulma: notification element doesn't close when close button is clicked

Created on 9 May 2017  路  2Comments  路  Source: jgthms/bulma

Overview of the problem

This is about the Bulma CSS framework
I'm using Bulma version [4.1]
My browser is: Firefox 49.0

Description

  1. Notification element is usually used to show temporary data, so it is required to close the element after its use.
  2. The close button on the element does not close the element as expected.

Expected behavior

The element to close.

Actual behavior

The element doesn't close.

Most helpful comment

This should work

<div class="notification">
  <button class="delete" onclick="this.parentElement.style.display='none'" ></button>
  Lorem ipsum dolor sit amet, consectetur
  adipiscing elit lorem ipsum dolor. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Sit amet,
  consectetur adipiscing elit
</div>

All 2 comments

You need JS for that.

This should work

<div class="notification">
  <button class="delete" onclick="this.parentElement.style.display='none'" ></button>
  Lorem ipsum dolor sit amet, consectetur
  adipiscing elit lorem ipsum dolor. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Sit amet,
  consectetur adipiscing elit
</div>
Was this page helpful?
0 / 5 - 0 ratings

Related issues

JenCant picture JenCant  路  3Comments

Antrikshy picture Antrikshy  路  3Comments

rogervila picture rogervila  路  3Comments

Yard8 picture Yard8  路  3Comments

swthate picture swthate  路  3Comments