Breaking News: Grepper is joining You.com. Read the official announcement!

alpine js open outside div

Tired Thrush answered on October 11, 2020 Popularity 6/10 Helpfulness 3/10

answer alpine js open outside div

alpine js open outside div

Comment

<div x-data="{id: 1}">
    <button @click="$dispatch('open-dropdown',{id})">Open Dropdown</button>
</div>

<ul x-data="{ open: false }"
    x-show="open"
    @open-dropdown.window="if ($event.detail.id == 1) open = true"
    @click.away="open = false">
    Dropdown Body
</ul>

Popularity 6/10 Helpfulness 3/10 Language javascript

Source: github.com

Tags: javascript

Link to this answer
Share Copy Link

Contributed on Oct 11 2020

Tired Thrush

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

alpine js open outside div

Contents

More Related Answers

alpine js open outside div

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.