Within my Bootstrap modal, there is a select element with options that each have detailed descriptions in Bootstrap popovers. Despite trying different values for the placement option in the popover initialization, the popover consistently appears in the middle of the select box, obstructing other options and causing a poor user experience due to multiple selections being allowed. I attempted using container: 'body' based on similar questions, but the issue remained unresolved.
Popover
The current popover setup:
$('#selectId>option').popover({
container: 'body',
html: true,
placement: 'right',
trigger: 'manual',
});
Experimenting with 'left', 'top', and 'bottom' placements did not change the popover's position when triggered with
$('#selectId>option').popover('show')