el-input-number 的圖層顯示問題

問題

使用vue+element-plus開發時發現el-input-number元件的兩個按鈕總會處於圖層最頂層，覆蓋在彈窗等子元件之上，非常影響觀感。

文件中也沒有對應的屬性可以更改，應該是個小bug(

解決方法

在el-input-number所在的最外層div上新增屬性：

.container{
	position:absolute;
	z-index:0;
}

z-index = -1時處於最底層。

程式碼結構：

<div class="container">
	<div v-for="(item, index) in foodList" :key="index">
		<div style="display: flex; flex-wrap: wrap; margin: 2.5%">
			<el-card shadow="hover">
				<el-input-number/>
			</el-card>
		</div>
	</div>
</div>

修改後效果：