Comments (8)
@thalytafabrine We put a fixed size for a presentation that the client would make, but if I remove the size, it will always be 100vw
, the class in the item with absolute would help me deal with that size and positioning.
from search.
Hi @perillosantana, I think you can change position or size inside the div that has class vtex-search-2-x-biggy-autocomplete-wrapper
.
Have you tried to do this with blockClass
?
from search.
Hi @thalytafabrine, I already tried to do this, but I need the class in the element that is being manipulated with the absolute, so I can make it dynamic (size and position).
from search.
@perillosantana can you provide a workspace to test it?
from search.
Hi @thalytafabrine, you can use this workspace in that environment:
vtextest--drinkrunnr.myvtex.com
from search.
@perillosantana it seems to me that the size in the autocomplete has already been adjusted 🤔
what problem are you still having?
from search.
@perillosantana the size will always be 100vw
because this is the value you are passing in your store-theme:
but if you can control the size in this div using biggy-autocomplete-wrapper
you can do what you want, right? this div with the absolute
class is not part of the vtex.search
app, so I can't add a new class to it.
I also did a test to change the size according with the screen in your wks and it worked:
please, let me know if you need anything else :)
from search.
I will close this issue as no new comments have appeared. if you need help again, just reopen and @ me here. thanks! 👋 🙂
from search.
Related Issues (8)
- search-bar doesn't work properly on mobile HOT 1
- Q&A: O Componente de Search (VTEX Intelligence Search) HOT 1
- Remove `search-result-layout.desktop.enhanced` and `search-result-layout.desktop.enhanced` interfaces
- Use the `useCssHandles` instead of creating empty css rules
- Autocomplete show more link redirect bug HOT 2
- vtex.search-resolver not updating sellingPriceWithTax in category HOT 1
- Autocomplete not showing {listPriceWithTax} & {sellingPriceWithTax} HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from search.