force full render / avoid differential render flag

Is there an existing issue for this?

• I have searched the existing issues

Is your feature request related to a problem? Please describe the problem.

I’m doing drag-and-drop using js, which does manipulate the DOM, and after StateHasChanged() it won’t render correctly.

I can avoid DOM manipulations (revert some necessary DOM changes) but this will create a blink effect after Drop.

Describe the solution you’d like

<div @ForceFullRender="@boolValue"></div>

Additional context

my current drag-and-drop where I avoid manipulating DOM, and getting Blink https://imgur.com/d0DX1A7

[SteveSandersonMS]

I understand, however couldn’t reasonably guarantee that Blazor will always notify you before everything it will do as we add more features in the future.

What you’re doing with mutating the DOM outside Blazor is definitely unsupported. However while you’re doing unsupported things, you could go further and patch Blazor._internal.renderBatch. For example:

<script src="blazor.webassembly.js" autostart="false"></script>
<script>
    // This is *very* unsupported and might not work in future versions
    const origRender = Blazor._internal.renderBatch;
    Blazor._internal.renderBatch = function() {
        console.log('Rendering now...');
        return origRender.apply(this, arguments);
    };
    Blazor.start();
</script>

Note that you have to use autostart=false like this to be able to patch the internals. At least I think this will work, but haven’t tested it.

[omuleanu]

@SteveSandersonMS I managed to get refreshIndex method working, so no more blinking, now I’m binding the js from outside the refreshed div, kind of like $(document).on(event, selector, instead of $(selector).on(event The only problem now is that all the scrollbars go back to 0 after refresh, so I have to choose now between, blink and scrollbars reset.