optimize

src/views/daylightAppSetting/room/Modal.vue

@@ -244,7 +244,7 @@
 								<!--end::Input-->
 							</div>
 							<div class="row mb-7">
-								<div class="col-md-5">
+								<div class="col-md-6 fv-row">
 									<label class="fs-5 fw-semobold mb-2"
 										>For Create Booking</label
 									>
@@ -252,6 +252,10 @@
 										v-model="data.forCreateBooking"
 										placeholder="Select"
 										:disabled="!enableEdit"
+										:teleported="false"
+										placement="top"
+										:fallback-placements="['top']"
+										:popper-options="selectPopperOptions"
 									>
 										<el-option
 											:key="0"
@@ -262,11 +266,10 @@
 											:key="1"
 											label="Yes"
 											:value="1"
-											checked="true"
 										/>
 									</el-select>
 								</div>
-								<div class="col-md-5">
+								<div class="col-md-6 fv-row">
 									<label class="fs-5 fw-semobold mb-2"
 										>For Create Waitlist</label
 									>
@@ -274,6 +277,10 @@
 										v-model="data.forCreateWaitlist"
 										placeholder="Select"
 										:disabled="!enableEdit"
+										:teleported="false"
+										placement="top"
+										:fallback-placements="['top']"
+										:popper-options="selectPopperOptions"
 									>
 										<el-option
 											:key="0"
@@ -462,6 +469,12 @@ export default defineComponent({
 			propertyId: null,
 			sharerLimit: 1,
 		});
+		const selectPopperOptions = {
+			modifiers: [
+				{ name: "flip", enabled: false },
+				{ name: "preventOverflow", enabled: false },
+			],
+		};
 
 		const roomTypeOptionsByProperty = computed(() => {
 			const pid = data.value.propertyId;
@@ -806,6 +819,7 @@ export default defineComponent({
 		
 		return {
 			data,
+			selectPopperOptions,
 			rules,
 			submit,
 			formRef,