Method open

packages/playground/src/components/primitives/Dropdown.ts:200–224

()

    }

    private async open(): Promise<void> {
        if (this.props.onOpen) {
            const result = await this.props.onOpen();
            if (Array.isArray(result)) {
                this.setItems(result);
            }
        }
        if (!this.menu.parentElement) {
            document.body.appendChild(this.menu);
        }
        if (!this.popper) {
            this.popper = createPopper(this.toggle, this.menu, {
                placement: this.props.placement === 'bottom' ? 'bottom-start' : 'top-start',
                modifiers: [{ name: 'offset', options: { offset: [0, 4] } }]
            });
        } else {
            this.popper.update();
        }
        this.isOpen = true;
        this.root.classList.add('open');
        this.menu.classList.add('open');
        this.toggle.setAttribute('aria-expanded', 'true');
        document.addEventListener('mousedown', this.outsideClick, true);
        document.addEventListener('keydown', this.onKey, true);
    }

    private close(): void {
        this.isOpen = false;