Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Blank space issue in InfoWindow due to incorrect custom content placement #3379

Open
ysl0628 opened this issue Sep 19, 2024 · 2 comments
Open

Comments

@ysl0628
Copy link

ysl0628 commented Sep 19, 2024

Issue Description

InfoWindows has two child components: one is gm-style-iw-chr, which contains the close button, and the other is gm-style-iw-d. In your provided custom children setup, the component is placed inside gm-style-iw-d, which causes a blank space at the top of the info window.

messageImage_1726710128621
messageImage_1726710184958
messageImage_1726710469919

Help wanted

How can I set it up to place the custom content inside the gm-style-iw-chr component instead?

Your Environment

os: windows
node 14.15.0
next.js 10.2.3
@react-google-maps/api 2.17.1

@sadashiv-sumasoft
Copy link

Hello, I am also getting the same issue: that extra space at the top not look appealing. Could we please remove it or add some fixed height to it?

@joshiosimoe
Copy link

I added this to my CSS file:
.gm-style-iw-chr {
height: 0px;
}

It still keeps the close window button and moves existing content to the top of the Info Window.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants