Comments (4)
psenechal
commented on July 20, 2024
5
It ended up just being a styling issue in my case. My modals are set to z-index: 1050 and the default pac-container is set to z-index: 1000. I modified my global stylesheet with the following:
.modal-open { .pac-container { z-index: 1050 !important; } }
The .modal-open class is applied to the body tag when an ng-modal is open.
from ngx-google-places-autocomplete.
JanMesaric
commented on July 20, 2024
I'm experiencing the same problem of not being to able to run it inside a modal, more specifically a ng-bootstrap modal.
from ngx-google-places-autocomplete.
psenechal
commented on July 20, 2024
I just hit this problem this morning as well. It runs perfectly fine on a regular page. In a modal, I can see the network calls out to Google and the responses coming back, but the dropdown with the suggested addresses is not appearing.
from ngx-google-places-autocomplete.
nektobit
commented on July 20, 2024
@psenechal thank you, this CSS line save my day.
from ngx-google-places-autocomplete.
Related Issues (20)
- Debounce time during type a text
- How can I set the HTML5 'autocomplete' value to something different to 'off'
- How TO change componentRestrictions -- Country Dynamically? HOT 4
- Testing Error With Angular 12
- Is project is still active ? what about angular 13 support HOT 1
- more than 1 input in the same component
- ERROR ReferenceError: google is not defined HOT 2
- Initialize with code instead of tag
- No directive found with exportAs 'ngx-places'.
- "google is not defined" in Angular 13 HOT 1
- Cannot Restrict Countries HOT 3
- There is no support for Angular 16! HOT 7
- Safari - iOS: When selecting the autocomplete address, it is not selected
- Not compatible with Angular 16 HOT 1
- When this library trigger google services?
- google map Key move from index.html HOT 1
- Dropdown Not Showing HOT 5
- Options Error - All fields required HOT 2
- Issues Returning Certain Addresses HOT 1
- Warning: CommonJS or AMD dependencies can cause optimization bailouts HOT 2
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 ngx-google-places-autocomplete.