Skip to content
This repository was archived by the owner on Mar 27, 2025. It is now read-only.

Commit 2eb461b

Browse files
authored
Merge pull request bootstrap-vue-next#1390 from Atokulus/main
fix: `input` reference of `<BFormInput>` is not exposed
2 parents 1e9466a + be2d24d commit 2eb461b

File tree

4 files changed

+8
-7
lines changed

4 files changed

+8
-7
lines changed

apps/docs/src/docs/components/alert.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -361,7 +361,7 @@ const autoDismissingAlertCountdown = ref(0);
361361

362362
const secondAutoDismissingAlert = ref(10000);
363363
const secondAutoDismissingAlertCountdown = ref(0);
364-
const myAlert = ref<HTMLElment | null>(null)
364+
const myAlert = ref<HTMLElement | null>(null)
365365

366366
const pause = () => myAlert.value?.pause()
367367
const resume = () => myAlert.value?.resume()

apps/docs/src/docs/components/form-input.md

+2-2
Original file line numberDiff line numberDiff line change
@@ -614,7 +614,7 @@ these methods and properties. Support will vary based on input type.
614614
// refs are unified in vue3. We need a ref variable with the same as used in the template.
615615
// The variable will be filled up during mount with the reference to custom component.
616616
// inputRef will become the reference to the b-form-input component.
617-
const inputRef = ref<HTMLElment | null>(null)
617+
const inputRef = ref<HTMLElement | null>(null)
618618
const sampleInputText = ref('sample text')
619619
620620
// The inner native input is exposed as ref with name "input"
@@ -662,7 +662,7 @@ const formatInputText = ref('')
662662
const formatLazyInputText = ref('')
663663
const toLowerCaseFormatter = (value: string) => value.toLowerCase()
664664

665-
const inputRef = ref<HTMLElment | null>(null)
665+
const inputRef = ref<HTMLElement | null>(null)
666666
const sampleInputText = ref('sample text')
667667

668668
const selectAllText = () => inputRef.value.input.select()

apps/docs/src/docs/components/overlay.md

+4-4
Original file line numberDiff line numberDiff line change
@@ -695,7 +695,7 @@ Easily create a loading button:
695695
let timeout = null
696696
697697
const loadingBuzy = ref(false)
698-
const buzyButton = ref<HTMLElment | null>(null)
698+
const buzyButton = ref<HTMLElement | null>(null)
699699
700700
const clearTimer = () => {
701701
if (timeout) {
@@ -836,7 +836,7 @@ This example also demonstrates additional accessibility markup.
836836
const formbusy = ref(false)
837837
const processing = ref(false)
838838
const processingcounter = ref(1)
839-
const formdialog = ref<HTMLElment | null>(null)
839+
const formdialog = ref<HTMLElement | null>(null)
840840
let processingInterval = null
841841
842842
const clearProcessingInterval = () => {
@@ -943,7 +943,7 @@ const showNoWrapEx = ref(false)
943943
const showNoWrapEx2 = ref(false)
944944

945945
const loadingBuzy = ref(false)
946-
const buzyButton = ref<HTMLElment | null>(null)
946+
const buzyButton = ref<HTMLElement | null>(null)
947947
let timeout = null;
948948

949949
const clearTimer = () => {
@@ -975,7 +975,7 @@ const onFormOverlayShown = () => {
975975
const formbusy = ref(false)
976976
const processing = ref(false)
977977
const processingcounter = ref(1)
978-
const formdialog = ref<HTMLElment | null>(null)
978+
const formdialog = ref<HTMLElement | null>(null)
979979
let processingInterval = null;
980980

981981
const clearProcessingInterval = () => {

packages/bootstrap-vue-next/src/components/BFormInput/BFormInput.vue

+1
Original file line numberDiff line numberDiff line change
@@ -111,6 +111,7 @@ const computedClasses = computed(() => {
111111
defineExpose({
112112
focus,
113113
blur,
114+
input,
114115
})
115116
116117
// const highlight = () => {

0 commit comments

Comments
 (0)