# Observation map blocks content when using large fonts

**URL:** <https://forum.inaturalist.org/t/observation-map-blocks-content-when-using-large-fonts/15777>\
**Category:** Bug Reports\
**Tags:** web\
**Created:** [August 27, 2020, 9:19pm UTC](https://forum.inaturalist.org/t/observation-map-blocks-content-when-using-large-fonts/15777 "2020-08-27T21:19:51Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![joseph103](https://sea2.discourse-cdn.com/flex016/user_avatar/forum.inaturalist.org/joseph103/32/11989_2.png) [@joseph103](https://forum.inaturalist.org/u/joseph103)\
**Post date:** [August 27, 2020, 9:19pm UTC](https://forum.inaturalist.org/t/observation-map-blocks-content-when-using-large-fonts/15777/1 "2020-08-27T21:19:52Z")

</div>

Please fill out the following sections to the best of your ability, it will help us investigate bugs if we have this information at the outset. Screenshots are especially helpful, so please provide those if you can.

**Platform** (Android, iOS, Website): Website

**App version number** , if a mobile app issue (shown under Settings or About):

**Browser** , if a website issue (Firefox, Chrome, etc) : Chrome

**URLs (aka web addresses) of any relevant observations or pages**: [https://www.inaturalist.org/observations/joseph103](https://www.inaturalist.org/observations/joseph103)

**Screenshots of what you are seeing** (instructions for taking a screenshot on computers and mobile devices: [https://www.take-a-screenshot.org/](https://www.take-a-screenshot.org/)):

 ![Clipboard01](https://us1.discourse-cdn.com/flex016/uploads/inaturalist/original/2X/d/d758501944093462296cea45a55a960d684caf6d.png)

**Description of problem** (please provide a set of steps we can use to replicate the issue, and make as many as you need.):

Step 1: Chrome Settings

Step 2: Appearance

Step 3: Font Size

Step 4: Extra Large

With this setting the map blocks the top part of the “Needs ID” or “Research Grade” no matter how much you change adjust the font using Ctrl-Mouse wheel. The map simply will not move no matter what.

---

<div class="post-metadata">

**Author:** ![DianaStuder](https://sea2.discourse-cdn.com/flex016/user_avatar/forum.inaturalist.org/dianastuder/32/43358_2.png) [@DianaStuder](https://forum.inaturalist.org/u/DianaStuder)\
**Post date:** [August 28, 2020, 1:02pm UTC](https://forum.inaturalist.org/t/observation-map-blocks-content-when-using-large-fonts/15777/2 "2020-08-28T13:02:04Z")

</div>

[https://forum.inaturalist.org/t/map-covers-your-observations-when-accessed-from-dashboard/12577/11](https://forum.inaturalist.org/t/map-covers-your-observations-when-accessed-from-dashboard/12577/11)

You need to set Chrome on  
Medium - recommended

Then zoom to suit for reading comfort.

---

<div class="post-metadata">

**Author:** ![bug\_girl](https://sea2.discourse-cdn.com/flex016/user_avatar/forum.inaturalist.org/bug_girl/32/38067_2.png) [@bug\_girl](https://forum.inaturalist.org/u/bug_girl)\
**Post date:** [August 28, 2020, 4:27pm UTC](https://forum.inaturalist.org/t/observation-map-blocks-content-when-using-large-fonts/15777/3 "2020-08-28T16:27:19Z")

</div>

Welcome to the forum!

---

<div class="post-metadata">

**Author:** ![marina\_gorbunova](https://sea2.discourse-cdn.com/flex016/user_avatar/forum.inaturalist.org/marina_gorbunova/32/31454_2.png) [@marina\_gorbunova](https://forum.inaturalist.org/u/marina_gorbunova)\
**Post date:** [August 28, 2020, 4:40pm UTC](https://forum.inaturalist.org/t/observation-map-blocks-content-when-using-large-fonts/15777/4 "2020-08-28T16:40:16Z")

</div>

M, on iPad it’s always like that for me, and I can’t change it, at least don’t know how.

 ![изображение](https://us1.discourse-cdn.com/flex016/uploads/inaturalist/original/2X/b/bd6758eb11b000dd8eadba5ba1751878f1fb2fe0.jpeg)

---

<div class="post-metadata">

**Author:** ![joseph103](https://sea2.discourse-cdn.com/flex016/user_avatar/forum.inaturalist.org/joseph103/32/11989_2.png) [@joseph103](https://forum.inaturalist.org/u/joseph103)\
**Post date:** [August 28, 2020, 7:13pm UTC](https://forum.inaturalist.org/t/observation-map-blocks-content-when-using-large-fonts/15777/5 "2020-08-28T19:13:46Z")

</div>

Yes, the problem can be worked around by setting the Chrome font to medium. I was aware of that when I reported this bug. This is not a problem with Chrome. The issue occurs the same way if you increase your default font size in Firefox as well. Firefox does not have a “recommended” font size. Haven’t checked other browsers.

There are plenty of reasons why some of us may wish to select a larger default font size for general web browsing. Is it really good web design to require users select a different default font for all web sites in order to make one particular site (this one) work properly?

I looked at the link you posted and see that setting the font to “medium” was considered a solution and the case “closed.” This is not good web design. A much better solution would be to allow the map popover to be closed or moved.

---

<div class="post-metadata">

**Author:** ![caththalictroides](https://sea2.discourse-cdn.com/flex016/user_avatar/forum.inaturalist.org/caththalictroides/32/435_2.png) [@caththalictroides](https://forum.inaturalist.org/u/caththalictroides)\
**Post date:** [August 28, 2020, 10:45pm UTC](https://forum.inaturalist.org/t/observation-map-blocks-content-when-using-large-fonts/15777/6 "2020-08-28T22:45:22Z")

</div>

Strong yes. This is an accessibility issue for people with vision problems, dyslexia, and probably a host of other medical conditions.

---

<div class="post-metadata">

**Author:** ![kitty12](https://sea2.discourse-cdn.com/flex016/user_avatar/forum.inaturalist.org/kitty12/32/1371_2.png) [@kitty12](https://forum.inaturalist.org/u/kitty12)\
**Post date:** [August 29, 2020, 12:20am UTC](https://forum.inaturalist.org/t/observation-map-blocks-content-when-using-large-fonts/15777/7 "2020-08-29T00:20:26Z")

</div>

Exactly. Close to good enough isn’t good enough.

---

<div class="post-metadata">

**Author:** ![DianaStuder](https://sea2.discourse-cdn.com/flex016/user_avatar/forum.inaturalist.org/dianastuder/32/43358_2.png) [@DianaStuder](https://forum.inaturalist.org/u/DianaStuder)\
**Post date:** [August 29, 2020, 8:20pm UTC](https://forum.inaturalist.org/t/observation-map-blocks-content-when-using-large-fonts/15777/8 "2020-08-29T20:20:13Z")

</div>

Then you can make it a Feature Request for accessibility.

---

<div class="post-metadata">

**Author:** ![tiwane](https://sea2.discourse-cdn.com/flex016/user_avatar/forum.inaturalist.org/tiwane/32/54612_2.png) [@tiwane](https://forum.inaturalist.org/u/tiwane)\
**Post date:** [August 31, 2020, 10:20pm UTC](https://forum.inaturalist.org/t/observation-map-blocks-content-when-using-large-fonts/15777/9 "2020-08-31T22:20:44Z")

</div>

Added this to my weekly report to developers. For what it’s worth, this is one of the oldest pages on the site.

---

<div class="post-metadata">

**Author:** ![tiwane](https://sea2.discourse-cdn.com/flex016/user_avatar/forum.inaturalist.org/tiwane/32/54612_2.png) [@tiwane](https://forum.inaturalist.org/u/tiwane)\
**Post date:** [September 8, 2020, 11:30pm UTC](https://forum.inaturalist.org/t/observation-map-blocks-content-when-using-large-fonts/15777/10 "2020-09-08T23:30:47Z")

</div>

OK, we made some changes to this page - basically, it’s now responsive to text and window size. If the text size is increased, the map won’t cover the text. If the text size and/or window size don’t allow for the map to be displayed on the right, the map will move to the bottom of the page.

Here’s what it looks like with a font size of 24 in Firefox (with a 20% browser zoom as well, which is what I use by default for iNat):

 ![image](https://us1.discourse-cdn.com/flex016/uploads/inaturalist/original/2X/c/ceaf3f9b58e949e1a93c642d7616adc18287b854.jpeg)

And if I keep making the window more narrow…(the map has now been moved to the bottom)

 ![image](https://us1.discourse-cdn.com/flex016/uploads/inaturalist/original/2X/4/4d9c9eb44384efdaf3f512c4871bee4967d3b998.png)

---

<div class="post-metadata">

**Author:** ![joseph103](https://sea2.discourse-cdn.com/flex016/user_avatar/forum.inaturalist.org/joseph103/32/11989_2.png) [@joseph103](https://forum.inaturalist.org/u/joseph103)\
**Post date:** [September 9, 2020, 5:16pm UTC](https://forum.inaturalist.org/t/observation-map-blocks-content-when-using-large-fonts/15777/11 "2020-09-09T17:16:56Z")

</div>

Thank you very much! Tested in Chrome and it works great.

---

<div class="post-metadata">

**Author:** ![bouteloua](https://sea2.discourse-cdn.com/flex016/user_avatar/forum.inaturalist.org/bouteloua/32/1180_2.png) [@bouteloua](https://forum.inaturalist.org/u/bouteloua)\
**Post date:** [September 22, 2020, 10:33pm UTC](https://forum.inaturalist.org/t/observation-map-blocks-content-when-using-large-fonts/15777/12 "2020-09-22T22:33:50Z")

</div>

Closed on September 22, 2020, 10:33pm UTC


