Blazor: удаление фона наложения из модального окна Bootstrap ⇐ CSS

[Anonymous]

В настоящее время я работаю над веб-приложением Blazor и столкнулся с проблемой при использовании модального окна Bootstrap. Я настроил его так, что при нажатии кнопки в основном компоненте отображается модальное всплывающее окно с компонентом LineChart. По какой-то причине этот модал полностью перекрывает экран. Я хочу, чтобы фон был прозрачным, но не смог этого сделать. Я пробовал устанавливать свойства модального объекта и возился с некоторыми CSS (настроена изоляция CSS), но пока безуспешно. Я подумал, что это может быть из-за компонента LineChart, но удаление этого компонента ничего не дало. Ищете способ скрыть модальный фон, чтобы была видна только часть содержимого.
Кнопка и модальный вызов в основном компоненте:

Код: Выделить всё

    
Trends

ShowPopup()

Код: Выделить всё

    private async Task ShowPopup()
{

List monthsList = period.Months.ToList().Select(m => CultureInfo.CurrentCulture.DateTimeFormat.GetAbbreviatedMonthName(m.Month).ToUpper()).ToList();
Dictionary salesChartData = GenerateSalesChartsData();

var parameters = new Dictionary();

parameters.Add("dataDict", salesChartData);
parameters.Add("XValues", monthsList);

//Generate Modal with the Graph component
await modal.ShowAsync(title: "Sales For Given Season(s)", parameters: parameters);

}

Graph.razor:

Код: Выделить всё

@code {
...
}

Пример:
Модальное всплывающее окно

Подробнее здесь: https://stackoverflow.com/questions/792 ... trap-modal