Can't properly interact with overlay via dragbox

[Athdemond]

Describe the bug
When dragbox is used to select features on the map, the overlay does not work correctly (buttons in the overlay do not trigger actions). After disabling dragbox everything works ok.
The main problem with the buttons not responding to clicks is that the map intercepts the left click action for drawing square.

To Reproduce
Steps to reproduce the behavior:

1. Have any overlay with buttons within
2. Set dragbox mode for map

onMounted(() => {
  const dragBox = new DragBox({
    condition: () => dragboxEnabled.value,
  });

  dragBox.on('boxend', (event) => {
    overlay.value = {
      coordinates: event.coordinate,
      show: true,
    };
  });

  map.value.map.addInteraction(dragBox);
});

3. Draw square on map for overlay appears
4. Try to click on button inside overlay

Expected behavior
Button fires its action

Environment:

• Node: 20.11.1
• Browser Opera
• Vite: 5.1.4

[Athdemond]

On map builded with native openlayers it works without this problem