Active-CSS / active-css

The epic event-driven browser language for UI with functionality in one-liner CSS. Over 100 incredible CSS commands for DOM manipulation, ajax, reactive variables, single-page application routing, and lots more. Could CSS be the JavaScript framework of the future?
https://activecss.org
Other
42 stars 7 forks source link

Issue with draw event running in a component after a inner component render #302

Closed bob2517 closed 1 year ago

bob2517 commented 1 year ago
@component test-results {
    html {
        <div id="content"></div>
        <div id="checkIfVar" data-desc="Basic if-var conditional" class="coreTest">{|checkIfVarHTML}</div>
        <div id="checkAddClass" data-desc="Basic add-class command" class="coreTest"></div>
    }
}

Putting the {|checkIfVarHTML} line above the checkAddClass line doesn't run the draw event for the checkAddClass line. Investigate.

bob2517 commented 1 year ago

Works when the checkIfVarHTML only has an html block, but breaks as soon as a beforeComponentOpen event is used on it, even when the event is empty.

bob2517 commented 1 year ago

Fixed on branch. Label error handling as "fix to DOM delay causing querySelectorAll to bring back incorrect results when rendering sub-component".

bob2517 commented 1 year ago

Closing in preparation for release.