From 189c008fcd14b0132cf117c4a0cb42879e2f819c Mon Sep 17 00:00:00 2001
From: Andrew Purdon <82amp@purdon.me>
Date: Thu, 29 Oct 2020 08:32:12 +1100
Subject: [PATCH 1/3] chore(docs): replace b-input with b-form-input

---
 src/components/form/README.md | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/form/README.md b/src/components/form/README.md
index 8e34ef62cb2..4e8a9b77dec 100644
--- a/src/components/form/README.md
+++ b/src/components/form/README.md
@@ -125,15 +125,15 @@ visitors with class `.sr-only`.
 <div>
   <b-form inline>
     <label class="sr-only" for="inline-form-input-name">Name</label>
-    <b-input
+    <b-form-input
       id="inline-form-input-name"
       class="mb-2 mr-sm-2 mb-sm-0"
       placeholder="Jane Doe"
-    ></b-input>
+    ></b-form-input>
 
     <label class="sr-only" for="inline-form-input-username">Username</label>
     <b-input-group prepend="@" class="mb-2 mr-sm-2 mb-sm-0">
-      <b-input id="inline-form-input-username" placeholder="Username"></b-input>
+      <b-form-input id="inline-form-input-username" placeholder="Username"></b-form-input>
     </b-input-group>
 
     <b-form-checkbox class="mb-2 mr-sm-2 mb-sm-0">Remember me</b-form-checkbox>
@@ -222,7 +222,7 @@ will announce this help text when the user focuses or enters the control.
 <div>
   <b-form @submit.stop.prevent>
     <label for="text-password">Password</label>
-    <b-input type="password" id="text-password" aria-describedby="password-help-block"></b-input>
+    <b-form-input type="password" id="text-password" aria-describedby="password-help-block"></b-form-input>
     <b-form-text id="password-help-block">
       Your password must be 8-20 characters long, contain letters and numbers, and must not
       contain spaces, special characters, or emoji.
@@ -261,7 +261,7 @@ or the `force-show` prop to display the feedback.
   <div>
     <b-form  @submit.stop.prevent>
       <label for="feedback-user">User ID</label>
-      <b-input v-model="userId" :state="validation" id="feedback-user"></b-input>
+      <b-form-input v-model="userId" :state="validation" id="feedback-user"></b-form-input>
       <b-form-invalid-feedback :state="validation">
         Your user ID must be 5-12 characters long.
       </b-form-invalid-feedback>

From 13eb7796ee8d9a94175e80c03e73f1f3de7f8cb9 Mon Sep 17 00:00:00 2001
From: Andrew Purdon <82amp@purdon.me>
Date: Thu, 29 Oct 2020 08:33:53 +1100
Subject: [PATCH 2/3] chore(docs): fix single root element in example

---
 src/components/form/README.md | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/form/README.md b/src/components/form/README.md
index 4e8a9b77dec..7b27aecdcf3 100644
--- a/src/components/form/README.md
+++ b/src/components/form/README.md
@@ -302,9 +302,11 @@ any `<option>` elements generated from the `options` prop.
 
 ```html
 <template>
-  <label for="input-with-list">Input with datalist</label>
-  <b-form-input list="input-list" id="input-with-list"></b-form-input>
-  <b-form-datalist id="input-list" :options="options"></b-form-datalist>
+  <div>
+    <label for="input-with-list">Input with datalist</label>
+    <b-form-input list="input-list" id="input-with-list"></b-form-input>
+    <b-form-datalist id="input-list" :options="options"></b-form-datalist>
+  </div>
 </template>
 
 <script>

From f79600adb0ec542b636bfe79c74ec20afa146439 Mon Sep 17 00:00:00 2001
From: Andrew Purdon <82amp@purdon.me>
Date: Thu, 29 Oct 2020 08:35:10 +1100
Subject: [PATCH 3/3] chore(docs): fix single root element in example

---
 src/components/form-input/README.md | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/components/form-input/README.md b/src/components/form-input/README.md
index cd95281c034..6de0b3faa50 100644
--- a/src/components/form-input/README.md
+++ b/src/components/form-input/README.md
@@ -439,12 +439,14 @@ chosen, or new values to be entered.
 
 ```html
 <template>
-  <b-form-input list="my-list-id"></b-form-input>
+  <div>
+    <b-form-input list="my-list-id"></b-form-input>
 
-  <datalist id="my-list-id">
-    <option>Manual Option</option>
-    <option v-for="size in sizes">{{ size }}</option>
-  </datalist>
+    <datalist id="my-list-id">
+      <option>Manual Option</option>
+      <option v-for="size in sizes">{{ size }}</option>
+    </datalist>
+  </div>
 </template>
 
 <script>

<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>
<html xmlns='http://www.w3.org/1999/xhtml'>
<head>
<title>pFad - Phonifier reborn</title>
<meta http-equiv='Content-Type' content='text/html; charset=utf-8' />
</head>
<body>
<h1>Pfad - The Proxy pFad of &#169; 2024 Garber Painting. All rights reserved.</h1>


<!-- Disclaimer -->
<p>Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.</p>
<br>
<p>Alternative Proxies:</p><p><a href="http://rainy.clevelandohioweatherforecast.com/php-proxy/index.php?q=https://patch-diff.githubusercontent.com/raw/bootstrap-vue/bootstrap-vue/pull/5978.patch" target="_blank">Alternative Proxy</a></p><p><a href="http://rainy.clevelandohioweatherforecast.com/pFad/index.php?u=https://patch-diff.githubusercontent.com/raw/bootstrap-vue/bootstrap-vue/pull/5978.patch" target="_blank">pFad Proxy</a></p><p><a href="http://rainy.clevelandohioweatherforecast.com/pFad/v3index.php?u=https://patch-diff.githubusercontent.com/raw/bootstrap-vue/bootstrap-vue/pull/5978.patch" target="_blank">pFad v3 Proxy</a></p><p><a href="http://rainy.clevelandohioweatherforecast.com/pFad/v4index.php?u=https://patch-diff.githubusercontent.com/raw/bootstrap-vue/bootstrap-vue/pull/5978.patch" target="_blank">pFad v4 Proxy</a></p></body>
</html>