From febb0a9c7f8cf99e6397829289e85336ddbc021a Mon Sep 17 00:00:00 2001
From: Ryan Weaver <ryan@thatsquality.com>
Date: Wed, 13 Jul 2022 11:17:50 -0400
Subject: [PATCH] Changing the docs on how you customize the autocomplete css

The issue is that Flex really likes you to keep the same keys under
`autoimport`, and will replace with the original keys. So, we keep
the original keys, set to false, then import the new one manually.
---
 src/Autocomplete/src/Resources/doc/index.rst | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/Autocomplete/src/Resources/doc/index.rst b/src/Autocomplete/src/Resources/doc/index.rst
index 4b8abd0f06c..061ae69e464 100644
--- a/src/Autocomplete/src/Resources/doc/index.rst
+++ b/src/Autocomplete/src/Resources/doc/index.rst
@@ -175,15 +175,22 @@ includes a CSS file for Tom Select.
     }
 
 This should give you basic styles for Tom Select. If you're using
-Bootstrap, you can get Bootstrap-ready styling by changing this
-line to:
+Bootstrap, you can get Bootstrap-ready styling by (A) changing this
+line to ``false``:
 
 .. code-block:: text
 
     "autoimport": {
-        "tom-select/dist/css/tom-select.bootstrap5.css": true
+        "tom-select/dist/css/tom-select.default.css": false
     }
 
+And then (B) importing the Bootstrap-css file:
+
+.. code-bock:: css
+
+    /* assets/styles/app.css
+    @import 'tom-select/dist/css/tom-select.bootstrap5.css';
+
 To further customize things, you can override the classes with your own custom
 CSS and even control how individual parts of Tom Select render. See `Tom Select Render Templates`_.