CVE-2026-118253

Highcharts JS is a JavaScript charting library based on SVG. From 1.0.0 until 4.2.3, Highcharts Dashboards edit mode parses fullscreen language labels as HTML rather than inserting them as text. An attacker who controls Dashboards language options can supply markup with event handlers, which execute in the hosting page origin when the fullscreen control is rendered. The label is reachable only when edit mode is enabled and viewFullscreen is present in the context-menu items. This issue is fixed in 4.2.3.

Highcharts JS is a JavaScript charting library based on SVG. From 1.0.0 until 4.2.3, Highcharts Dashboards edit mode parses fullscreen language labels as HTML rather than inserting them as text. An attacker who controls Dashboards language options can supply markup with event handlers, which execute in the hosting page origin when the fullscreen control is rendered. The label is reachable only when edit mode is enabled and viewFullscreen is present in the context-menu items. This issue is fixed in 4.2.3.

Impact

The edit mode fullscreen labels are parsed as HTML when the corresponding control is rendered. An attacker who controls the Dashboards language options can supply markup carrying event handlers, which then execute in the origin of the page hosting the dashboard. Exploitation requires that untrusted data reach the Dashboards language configuration and that the affected control be rendered. Script running this way has the same access to page data, storage and session state as the hosting application.

Workarounds

Until you can upgrade, replace Fullscreen.prototype.setButtonText atapplication startup. The replacement is the original method with textContent in place of innerHTML.

If you install Dashboards from npm

Import the module once, before any board is created.

import Fullscreen from '@highcharts/dashboards/es-modules/Dashboards/EditMode/Fullscreen.js';

Fullscreen.prototype.setButtonText = function () {
    const editMode = this.board.editMode,
        button = editMode?.tools.contextMenu?.items.viewFullscreen;

    if (button?.innerElement) {
        const lang = editMode.lang;

        button.innerElement.textContent =
            (this.isOpen ? lang.exitFullscreen : lang.viewFullscreen) || '';
    }
};

If you load Dashboards from a <script> tag

The same replacement, taking Fullscreen from the global namespace. It must run after modules/layout and before any board is created.

<script src="https://code.highcharts.com/dashboards/dashboards.js"></script>
<script src="https://code.highcharts.com/dashboards/modules/layout.js"></script>
<script>
{
    const Fullscreen = window.Dashboards?.Fullscreen;

    Fullscreen.prototype.setButtonText = function () {
        const editMode = this.board.editMode,
            button = editMode?.tools.contextMenu?.items.viewFullscreen;

        if (button?.innerElement) {
            const lang = editMode.lang;

            button.innerElement.textContent =
                (this.isOpen ? lang.exitFullscreen : lang.viewFullscreen) || '';
        }
    };
}
</script>

If your application does not need Edit Mode, leaving it disabled (editMode.enabled: false) removes the exposure as well. The same applies to the context menu — the label is only reachable when viewFullscreen is among editMode.contextMenu.items.

Obtaining the patched version

The patched releases are available from all the usual distribution channels. With npm, upgrade the affected package to the patched version listed above, for example npm install @highcharts/[email protected]. If you load Highcharts Dashboards from a CDN, use a versioned URL, for example https://code.highcharts.com/dashboards/4.2.3/dashboards.js. For more on each installation method, see the installation guide.

Highcharts JS is a JavaScript charting library based on SVG. From 1.0.0 until 4.2.3, Highcharts Dashboards edit mode parses fullscreen language labels as HTML rather than inserting them as text. An attacker who controls Dashboards language options can supply markup with event handlers, which execute in the hosting page origin when the fullscreen control is rendered. The label is reachable only when edit mode is enabled and viewFullscreen is present in the context-menu items. This issue is fixed in 4.2.3.

Highcharts JS is a JavaScript charting library based on SVG. From 1.0.0 until 4.2.3, Highcharts Dashboards edit mode parses fullscreen language labels as HTML rather than inserting them as text. An attacker who controls Dashboards language options can supply markup with event handlers, which execute in the hosting page origin when the fullscreen control is rendered. The label is reachable only when edit mode is enabled and viewFullscreen is present in the context-menu items. This issue is fixed in 4.2.3.

Impact

The edit mode fullscreen labels are parsed as HTML when the corresponding control is rendered. An attacker who controls the Dashboards language options can supply markup carrying event handlers, which then execute in the origin of the page hosting the dashboard. Exploitation requires that untrusted data reach the Dashboards language configuration and that the affected control be rendered. Script running this way has the same access to page data, storage and session state as the hosting application.

Workarounds

Until you can upgrade, replace Fullscreen.prototype.setButtonText atapplication startup. The replacement is the original method with textContent in place of innerHTML.

If you install Dashboards from npm

Import the module once, before any board is created.

import Fullscreen from '@highcharts/dashboards/es-modules/Dashboards/EditMode/Fullscreen.js';

Fullscreen.prototype.setButtonText = function () {
    const editMode = this.board.editMode,
        button = editMode?.tools.contextMenu?.items.viewFullscreen;

    if (button?.innerElement) {
        const lang = editMode.lang;

        button.innerElement.textContent =
            (this.isOpen ? lang.exitFullscreen : lang.viewFullscreen) || '';
    }
};

If you load Dashboards from a <script> tag

The same replacement, taking Fullscreen from the global namespace. It must run after modules/layout and before any board is created.

<script src="https://code.highcharts.com/dashboards/dashboards.js"></script>
<script src="https://code.highcharts.com/dashboards/modules/layout.js"></script>
<script>
{
    const Fullscreen = window.Dashboards?.Fullscreen;

    Fullscreen.prototype.setButtonText = function () {
        const editMode = this.board.editMode,
            button = editMode?.tools.contextMenu?.items.viewFullscreen;

        if (button?.innerElement) {
            const lang = editMode.lang;

            button.innerElement.textContent =
                (this.isOpen ? lang.exitFullscreen : lang.viewFullscreen) || '';
        }
    };
}
</script>

If your application does not need Edit Mode, leaving it disabled (editMode.enabled: false) removes the exposure as well. The same applies to the context menu — the label is only reachable when viewFullscreen is among editMode.contextMenu.items.

Obtaining the patched version

The patched releases are available from all the usual distribution channels. With npm, upgrade the affected package to the patched version listed above, for example npm install @highcharts/[email protected]. If you load Highcharts Dashboards from a CDN, use a versioned URL, for example https://code.highcharts.com/dashboards/4.2.3/dashboards.js. For more on each installation method, see the installation guide.