관리자 검색창 한글 IME 조합 검색 및 모바일 가로 트랙 세로 스크롤 문제 수정
- IME 조합 중에도 검색되는 공통 컴포저블 useImeSearchInput 추가 - 글/멤버/미디어/설정/태그 필터/미디어 모달 검색 IME 조합 대응 - 홈 추천글·페이지 섹션 가로 트랙 touch-action pan-x 제거로 모바일 세로 스크롤 복구 - v1.10.29 Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
@@ -98,6 +98,11 @@ const isUploading = ref(false)
|
||||
const mediaPickerTarget = ref('image')
|
||||
const activeMediaPickerTab = ref('upload')
|
||||
const mediaSearchQuery = ref('')
|
||||
const {
|
||||
displayValue: mediaSearchInput,
|
||||
onInput: onMediaSearchInput,
|
||||
onCompositionEnd: onMediaSearchCompositionEnd
|
||||
} = useImeSearchInput(mediaSearchQuery)
|
||||
const selectedMediaUrls = ref([])
|
||||
const lastSelectionState = ref({
|
||||
start: 0,
|
||||
@@ -3792,11 +3797,14 @@ const handleKeydown = (event) => {
|
||||
<label v-if="activeMediaPickerTab === 'library'" class="admin-markdown-editor__media-search mb-px flex w-full max-w-xs shrink-0 items-center py-2">
|
||||
<span class="sr-only">파일명 검색</span>
|
||||
<input
|
||||
v-model="mediaSearchQuery"
|
||||
:value="mediaSearchInput"
|
||||
class="admin-markdown-editor__media-search-input w-full rounded border border-[#d7dde2] bg-white px-3 py-1.5 text-sm text-[#394047] outline-none transition-colors placeholder:text-[#8e9cac] focus:border-[#15171a] focus:ring-1 focus:ring-[#15171a]/20"
|
||||
type="search"
|
||||
placeholder="파일명 검색"
|
||||
autocomplete="off"
|
||||
@input="onMediaSearchInput"
|
||||
@compositionupdate="onMediaSearchInput"
|
||||
@compositionend="onMediaSearchCompositionEnd"
|
||||
>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
@@ -812,6 +812,7 @@ defineExpose({
|
||||
:disabled="pageSectionOptions.length === 0"
|
||||
autocomplete="off"
|
||||
@input="openPageSectionSuggestions"
|
||||
@compositionupdate="pageSectionInput = $event.target.value; openPageSectionSuggestions()"
|
||||
@focus="openPageSectionSuggestions"
|
||||
@blur="handlePageSectionBlur"
|
||||
@keydown="handlePageSectionKeydown"
|
||||
|
||||
@@ -2041,6 +2041,7 @@ defineExpose({
|
||||
aria-autocomplete="list"
|
||||
@focus="openTagSuggestions"
|
||||
@input="openTagSuggestions"
|
||||
@compositionupdate="tagInput = $event.target.value; openTagSuggestions()"
|
||||
@blur="handleTagBlur"
|
||||
@keydown="handleTagKeydown"
|
||||
@compositionstart="isTagInputComposing = true"
|
||||
|
||||
Reference in New Issue
Block a user