graph theme has black background in Firefox

[matwey]

Description

Hello, I am using billboard.js 3.8.1 with two different themes: default and graph. I've created a minimal reproducible example mentioned before. My Firefix version is 102.11.

When default theme is used the plot looks like the following:

When graph theme the plot looks like the following:

background.color is ignored in the latter case.

Steps to check or reproduce

The code snipped is the following:

var chart = bb.generate({
    data: {
      type: "line",
      columns: [],
    },
    background: {
        color: "white"
    },
    bindto: "#lineChart"
});

var values = [["x", "y"], [1, 2], [3, 4]];
chart.load({
    rows: values,
});

[netil]

Tested on Firefox 113.0.1 and it showing without issue.

• https://jsfiddle.net/netil/h3gmp6y2/

[ramirezcgn]

Hi, I'm having the same issue and I guess is related to this line of the code (the rect element doesn't have the "bb-event-rect" class):

billboard.js/src/ChartInternal/interactions/eventrect.ts

Line 68 in 111a5f6

state.rendered && $$.updateEventRect($el.eventRect, true);

(line 68)

// when initilazed with empty data and data loaded later, need to update eventRect
state.rendered && $$.updateEventRect($el.eventRect, true);

PS: Is not related to Firefox, I'm having the issue in Edge.

Regards

[netil]

@ramirezcgn thanks for the comment.
Confirmed the issue and is the side effect caused by #3203