Rich text editor: Bottom border disappears when there's overflowing content beneath it.

[HerbertsVaadin]

Description

A strange issue I noticed when playing around with different components.
If I have a RichTextEditor and place create overflow underneath it (by adding components, or tall divs for example), the bottom border of the RTE will disappear. Seems to be related to VerticalLayout as well.

You can see, in the same situation with no overflow, the border does not disappear:

Expected outcome

The Bottom border does not disappear.

Minimal reproducible example

import com.vaadin.flow.component.html.Div;
import com.vaadin.flow.component.html.H2;
import com.vaadin.flow.component.orderedlayout.VerticalLayout;
import com.vaadin.flow.component.richtexteditor.RichTextEditor;
import com.vaadin.flow.router.Menu;
import com.vaadin.flow.router.PageTitle;
import com.vaadin.flow.router.Route;
import jakarta.annotation.security.RolesAllowed;
import org.vaadin.lineawesome.LineAwesomeIconUrl;

@PageTitle("Rich Text editors")
@Route("rich-text")
@Menu(order = 2, icon = LineAwesomeIconUrl.ENVELOPE_OPEN_TEXT_SOLID)
@RolesAllowed("USER")
public class RichTextEditors extends VerticalLayout {
    public RichTextEditors() {
        setSizeFull();

        add(new H2("On its own"));
        add(new RichTextEditor());

        add(new H2("Div height 6000px"));

        var nestedDiv = new Div();
        nestedDiv.setHeight("6000px");
        nestedDiv.setWidth("500px");
        nestedDiv.getStyle().setBackgroundColor("pink");
        add(nestedDiv);
    }
}

Steps to reproduce

1. Create a view out of snippet above
2. Verify bug.

Environment

Vaadin version(s): 24.7.0.rc1
OS: Linux Mint

Browsers

Chrome, Firefox