Databases
StackOverflow2013
Postsdbo
POGoogle maps InfoWindow - vertical scroll appers only when using <br/>
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POGoogle maps InfoWindow - vertical scroll appers only when using <br/>
    primarykey
    data
    text
    <p>I'm using Google Maps info window which gets populated with the text from 3 input fields. First input field is TITLE, second ADDRESS (uses standard <a href="http://canary.cs.illinois.edu/crimedetection/auto.html" rel="nofollow">Google autocomplete</a>) and third DESCRIPTION. So everything looks user friendly I added <code>&lt;br/&gt;</code> between them so each input is shown separated in info window. This is how i did it:</p> <pre><code>return (name || "") + "&lt;br/&gt;" + (addressOrCoordinates || "") + "&lt;br/&gt;" + (additionalDetails || ""); </code></pre> <p>But when address is just little bit longer vertical scroll appears, which is weird because if you write 300 characters in description field, info window doesn't show vertical scroll, it nicely adapts infowindow size...</p> <p>So i tried removing <code>&lt;br/&gt;</code> and everything works without vertical scroll even if address is miles long. So I thought that <code>&lt;br/&gt;</code> is messing with address, so i tested litlle bit more and it seems address is affected with <code>&lt;br/&gt;</code> if its infront of adress but not if its after...</p> <p>So it seems if infowindow contains normal text it dosent show verticall scroll even if there is alot of text and even if this text is separated with <code>&lt;br/&gt;</code> but why does verticall scroll apperas when using <code>&lt;br/&gt;</code> infront of the adress? Is there any other way i can make adress input go to new line in infowindow without this verticall scroll appearing?</p> <p>BTW CSS overflow doesn't work and I'm using API v3</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. USDreadlord
    1. USDreadlord
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POGoogle maps InfoWindow - vertical scroll appers only when using <br/>
      1. USTerminal
      1. VTFavorite
    2. VO
      singulars
      1. POGoogle maps InfoWindow - vertical scroll appers only when using <br/>
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. POGoogle maps InfoWindow - vertical scroll appers only when using <br/>
      1. USAnze
      1. VTFavorite
    1. COMore than the length of the text or the usage of `<br/>`s here is important if the text contains characters where the browser can break the line(e.g. a space). This is unclear so far, especially as long as nobody knows what `htmlEncode()` does.
      singulars
      1. POGoogle maps InfoWindow - vertical scroll appers only when using <br/>
      1. USDr.Molle
    2. COhtmlEncode() is not important for this example. i edited my question and removed it
      singulars
      1. POGoogle maps InfoWindow - vertical scroll appers only when using <br/>
      1. USDreadlord
    3. COYou still didn't say if there are spaces in the string(except of &nbsp; ). A browser can only break a line at particular characters.
      singulars
      1. POGoogle maps InfoWindow - vertical scroll appers only when using <br/>
      1. USDr.Molle
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload