Incompatibility with bulma css framework

[Loque18]

First of all I want to thank for this wonderfull library. and now going straight to the issue there is a div with a class named "notification" which is a component in bulma css framework https://bulma.io/documentation/elements/notification/

    return (
      <div
        ref={this.rootElementRef}
        onClick={click ? this.onClick : null}
        className="notification"
        style={parentStyle}
        onAnimationEnd={onAnimationEnd}
        onTransitionEnd={onTransitionEnd}
        onTouchStart={touchEnabled ? this.onTouchStart : null}
        onTouchMove={touchEnabled ? this.onTouchMove : null}
        onTouchEnd={touchEnabled ? this.onTouchEnd : null}
      >
        {content ? this.renderCustomContent() : this.renderNotification()}
      </div>
    );

please consider changing the name of that class

[teodosii]

Hey, thanks for reporting it. I'm not sure when but I'll put this with next release

[Loque18]

Hey, thanks for reporting it. I'm not sure when but I'll put this with next release

Thank you so much for answering! Meanwhile for anyone else facing this problem, I suggest changing the class name for notification component in Bulma library, is located in /master/sass/elements/notification.sass

https://github.com/jgthms/bulma/blob/master/sass/elements/notification.sass

[teodosii]

All class are now scoped under rnc_ module, just like animated.css so that it doesn't conflict with other 3rd parties.

Watch for next release, it has this included
@Loque18

Fixed in 3.2.0