HTML/CSS Beautifier keeps old output and status when switching modes

[baixiangcpp]

Summary

Switching between HTML and CSS modes does not reset the workspace state. The new mode shows the previous mode's input/output and even retains the previous action status.

Affected route: https://byteflow.tools/en/html-css-beautifier

Reproduction

1. In HTML mode, enter <div><p>test</p></div> and click Format HTML.
2. Switch the mode selector to CSS without entering CSS.
3. Inspect the input, output, and status.

Expected:

• CSS mode starts with empty or CSS-specific state;
• output is empty and Copy is disabled until CSS is processed;
• status is cleared or scoped to the new mode.

Actual:

• CSS mode still shows the HTML input <div><p>test</div> in the input editor;
• the HTML output remains visible and copyable;
• the status still says Format HTML completed.;
• the CSS action buttons are shown while HTML state is presented as current.

The same stale-state behavior was also observed when switching from HTML to CSS after a previous minification.

Environment

• Browser: Chrome via cloud browser
• Tested: 2026-08-18