JSFiddle - React, Tailwind, and code Playground

HTML

<html>
    <head>
        <title>Namespace bug</title>
    </head>
    <body>
        <div id="test"></div>
    </body>
</html>

JavaScript

$( "body" )
      .bind( "testevent", function () {
            alert( "should not trigger in body" );
      })
      .bind( "testevent.active", function () {
            alert( "should trigger in body" );
      });

$( "#test" )
      .bind( "testevent", function () {
            alert( "should not trigger in #test" );
      })
      .bind( "testevent.active", function () {
            alert( "should trigger in #test" );
      })
    
      .trigger( "testevent.active" );