sprintify-ui 0.0.99 → 0.0.100

package/dist/sprintify-ui.es.js

@@ -2300,13 +2300,13 @@ const Ql = /* @__PURE__ */ ht(Ju, [["render", rc]]), ic = { class: "relative w-f
       );
     });
     function d() {
-      if (!i.value)
+      if (!r.value || !i.value)
         return;
       const s = i.value[a.value] ?? null;
-      s && s.scrollIntoView({
-        block: "center",
-        inline: "center"
-      });
+      if (!s)
+        return;
+      const t = r.value.clientHeight, x = s.offsetTop, y = s.clientHeight;
+      r.value.scrollTop = x - t / 2 + y / 2;
     }
     ze(
       () => n.options,

package/dist/types/src/components/BaseAutocomplete.vue.d.ts

@@ -158,11 +158,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     loading: boolean;
     loadingBottom: boolean;
     size: "base" | "xs" | "sm";
-    inline: boolean;
     modelValue: Option | null | undefined;
     placeholder: string;
     disabled: boolean;
     hasError: boolean;
+    inline: boolean;
     dropdownShow: "focus" | "always";
     modelValueShow: boolean;
     visibleFocus: boolean;

package/dist/types/src/components/BaseAutocompleteFetch.vue.d.ts

@@ -132,11 +132,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     required: boolean;
     name: string;
     size: "base" | "xs" | "sm";
-    inline: boolean;
     modelValue: Option | null | undefined;
     placeholder: string;
     disabled: boolean;
     hasError: boolean;
+    inline: boolean;
     dropdownShow: "focus" | "always";
     modelValueShow: boolean;
     visibleFocus: boolean;

package/dist/types/src/components/BaseBelongsTo.vue.d.ts

@@ -136,11 +136,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     required: boolean;
     name: string;
     size: "base" | "xs" | "sm";
-    inline: boolean;
     modelValue: string | number | null | undefined;
     placeholder: string;
     disabled: boolean;
     hasError: boolean;
+    inline: boolean;
     dropdownShow: "focus" | "always";
     modelValueShow: boolean;
     visibleFocus: boolean;

package/dist/types/src/components/BaseDatePicker.vue.d.ts

@@ -78,10 +78,10 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     required: boolean;
     name: string;
-    inline: boolean;
     modelValue: string | null | undefined;
     disabled: boolean;
     hasError: boolean;
+    inline: boolean;
     minDate: Date;
     maxDate: Date;
     yearRange: number | [number, number];

package/dist/types/src/components/BaseTagAutocomplete.vue.d.ts

@@ -149,10 +149,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     loading: boolean;
     loadingBottom: boolean;
     size: "base" | "xs" | "sm";
-    inline: boolean;
     placeholder: string;
     disabled: boolean;
     hasError: boolean;
+    inline: boolean;
     dropdownShow: "focus" | "always";
     max: number;
 }>, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprintify-ui",
-  "version": "0.0.99",
+  "version": "0.0.100",
   "scripts": {
     "build": "rimraf dist && vue-tsc && vite build",
     "build-fast": "rimraf dist && vite build",

package/src/components/BaseAutocompleteDropdown.vue

@@ -234,6 +234,10 @@ onMounted(() => {
 });
 
 function scrollToFocus() {
+  if (!dropdown.value) {
+    return;
+  }
+
   if (!optionRefs.value) {
     return;
   }
@@ -244,10 +248,11 @@ function scrollToFocus() {
     return;
   }
 
-  option.scrollIntoView({
-    block: 'center',
-    inline: 'center',
-  });
+  const dropdownHeight = dropdown.value.clientHeight;
+  const offsetTop = option.offsetTop;
+  const optionHeight = option.clientHeight;
+
+  dropdown.value.scrollTop = offsetTop - dropdownHeight / 2 + optionHeight / 2;
 }
 
 // Validate focus index