@@ -89,9 +89,10 @@ class DocsSearchBar {
89
89
this . autocompleteOptions . cssClasses . prefix || 'dsb' ;
90
90
this . autocompleteOptions . cssClasses . root =
91
91
this . autocompleteOptions . cssClasses . root || 'meilisearch-autocomplete' ;
92
- this . autocompleteOptions . keyboardShortcuts = this . parseHotkeysAutocompleteOptions (
93
- this . autocompleteOptions . keyboardShortcuts
94
- ) || [ 's' , 191 ] ;
92
+ this . autocompleteOptions . keyboardShortcuts =
93
+ this . parseHotkeysAutocompleteOptions (
94
+ this . autocompleteOptions . keyboardShortcuts
95
+ ) || [ 's' , 191 ] ;
95
96
96
97
this . isSimpleLayout = layout === 'simple' ;
97
98
this . enableDarkMode = enableDarkMode ;
@@ -100,10 +101,12 @@ class DocsSearchBar {
100
101
window . matchMedia &&
101
102
window . matchMedia ( '(prefers-color-scheme: dark)' ) . matches ;
102
103
const searchbox = document . querySelector ( '.docs-searchbar' ) ;
103
- if ( this . enableDarkMode && isSystemInDarkMode ) {
104
- searchbox . setAttribute ( 'data-ds-theme' , 'dark' )
105
- } else {
106
- searchbox . setAttribute ( 'data-ds-theme' , 'ligh' )
104
+ if ( searchbox ) {
105
+ if ( this . enableDarkMode && isSystemInDarkMode ) {
106
+ searchbox . setAttribute ( 'data-ds-theme' , 'dark' ) ;
107
+ } else {
108
+ searchbox . setAttribute ( 'data-ds-theme' , 'ligh' ) ;
109
+ }
107
110
}
108
111
109
112
this . client = new MeiliSearch ( {
@@ -182,7 +185,7 @@ class DocsSearchBar {
182
185
throw new Error (
183
186
`Error: "enableDarkMode" must be of type: boolean. Found type: ${ typeof args . inputSelector } `
184
187
) ;
185
- }
188
+ }
186
189
}
187
190
188
191
static injectSearchBox ( input ) {
0 commit comments