Search panel open in pup pop

Hi i want to use inner style.
I copy&past of https://cdn.jsdelivr.net/npm/@algolia/autocomplete-theme-classic in my style file.
Everything is works fine.but when i use CDN i mean use of https://cdn.jsdelivr.net/npm/@algolia/autocomplete-theme-classic in project .
Search panel has behvare i want. but when i use inner style search box open in a pup pop . how i can control it?

 init() {
        autocomplete({
            container: '#autocomplete',
            placeholder: 'Search for products',
            IsOpen: false,
            getSources({ query }) {
                return [
                    {
                        sourceId: 'products',
                        getItems() {
                            return getAlgoliaResults({
                                searchClient,
                                queries: [
                                    {
                                        indexName: 'instant_search',
                                        query,
                                        params: {
                                            hitsPerPage: 5,
                                        },
                                    },
                                ],
                            });
                        },
                        templates: {
                            item({ item,createElement}) {
                                return createElement('div', {
                                    dangerouslySetInnerHTML: {
                                        __html: `
                                        <div class="d-flex justify-content-start align-items-center">
                                        <div>
                                                  <img
                                                    class="img-algolia"
                                                    src="${item.image}"
                                                    alt="${item.name}"
                                                  />
                                                </div>
                                                <div class="p-2">
                                                  ${item.name}
                                                </div>
                                        </div>`,
                                    },
                                });
                            },
                        },
                    },
                ];
            },
        });
    }