<template>
	<div class="dropdown-menu">
		<slot></slot>
	</div>
</template>

<script>
	export default {
		data() {
			return {
			}
		},
		mounted() {
			this.$on('close', this.closeDropdown)
		},
		methods: {
			closeDropdown() {
				this.$children.forEach(item =>{
					item.close();
				})
			}
		}
	}
</script>

<style scoped>
	.dropdown-menu {
		display: flex;
		overflow: auto;
		white-space: nowrap;
		margin-right: 5px;
	}
	dropdown-item {
		flex: 1;
	}
</style>
