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

fundon picture fundon  路  3Comments

Qard picture Qard  路  3Comments

swthate picture swthate  路  3Comments

DAreRodz picture DAreRodz  路  3Comments

Cosbgn picture Cosbgn  路  3Comments