# Bar focus item prevents page clicking

**URL:** <https://forum.mautic.org/t/bar-focus-item-prevents-page-clicking/9836>\
**Category:** Product Support\
**Created:** [November 3, 2017, 3:46pm UTC](https://forum.mautic.org/t/bar-focus-item-prevents-page-clicking/9836 "2017-11-03T15:46:06Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![joanmooreban](https://avatars.discourse-cdn.com/v4/letter/j/aeb1de/32.png) [@joanmooreban](https://forum.mautic.org/u/joanmooreban)\
**Post date:** [November 3, 2017, 3:46pm UTC](https://forum.mautic.org/t/bar-focus-item-prevents-page-clicking/9836/1 "2017-11-03T15:46:06Z")

</div>

Hi! We are using a Focus Item of type Bar (sticky). When it is displayed we can still scroll down, the bar stays sticky but we can not click on any element of the page.

---

<div class="post-metadata">

**Author:** ![joanmooreban](https://avatars.discourse-cdn.com/v4/letter/j/aeb1de/32.png) [@joanmooreban](https://forum.mautic.org/u/joanmooreban)\
**Post date:** [November 3, 2017, 3:46pm UTC](https://forum.mautic.org/t/bar-focus-item-prevents-page-clicking/9836/2 "2017-11-03T15:46:06Z")

</div>

Hi! We are using a Focus Item of type Bar (sticky). When it is displayed we can still scroll down, the bar stays sticky but we can not click on any element of the page.

---

<div class="post-metadata">

**Author:** ![joanmooreban](https://avatars.discourse-cdn.com/v4/letter/j/aeb1de/32.png) [@joanmooreban](https://forum.mautic.org/u/joanmooreban)\
**Post date:** [November 5, 2017, 2:29pm UTC](https://forum.mautic.org/t/bar-focus-item-prevents-page-clicking/9836/3 "2017-11-05T14:29:38Z")

</div>

Anyone on this?

---

<div class="post-metadata">

**Author:** ![jseevers](https://avatars.discourse-cdn.com/v4/letter/j/34f0e0/32.png) [@jseevers](https://forum.mautic.org/u/jseevers)\
**Post date:** [November 6, 2017, 8:16pm UTC](https://forum.mautic.org/t/bar-focus-item-prevents-page-clicking/9836/4 "2017-11-06T20:16:29Z")

</div>

Are you able to share a URL/link?

---

<div class="post-metadata">

**Author:** ![joanmooreban](https://avatars.discourse-cdn.com/v4/letter/j/aeb1de/32.png) [@joanmooreban](https://forum.mautic.org/u/joanmooreban)\
**Post date:** [November 7, 2017, 2:02pm UTC](https://forum.mautic.org/t/bar-focus-item-prevents-page-clicking/9836/5 "2017-11-07T14:02:52Z")

</div>

@jseevers please see [http://www.textilaiko.com/encuesta\_satisfaccion\_compra.php](http://www.textilaiko.com/encuesta_satisfaccion_compra.php). After 2 seconds a top appears and you won’t be able to click on any other link unless you minimize the focus item.

---

<div class="post-metadata">

**Author:** ![ninjoan](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/ninjoan/32/1005_2.png) [@ninjoan](https://forum.mautic.org/u/ninjoan)\
**Post date:** [November 7, 2017, 2:20pm UTC](https://forum.mautic.org/t/bar-focus-item-prevents-page-clicking/9836/6 "2017-11-07T14:20:16Z")

</div>

No aparece nada @joanmooreban

---

<div class="post-metadata">

**Author:** ![petertl](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/petertl/32/511_2.png) [@petertl](https://forum.mautic.org/u/petertl)\
**Post date:** [November 8, 2017, 1:29pm UTC](https://forum.mautic.org/t/bar-focus-item-prevents-page-clicking/9836/7 "2017-11-08T13:29:10Z")

</div>

In my version of Firefox, no bar appears but although no links are clickable after some seconds

---

<div class="post-metadata">

**Author:** ![joanmooreban](https://avatars.discourse-cdn.com/v4/letter/j/aeb1de/32.png) [@joanmooreban](https://forum.mautic.org/u/joanmooreban)\
**Post date:** [November 8, 2017, 3:12pm UTC](https://forum.mautic.org/t/bar-focus-item-prevents-page-clicking/9836/8 "2017-11-08T15:12:43Z")

</div>

I just enabled it again. Tested in Chrome and FF and in both cases the Bar is displayed but I can not click on any other link on the page… ☹

---

<div class="post-metadata">

**Author:** ![joanmooreban](https://avatars.discourse-cdn.com/v4/letter/j/aeb1de/32.png) [@joanmooreban](https://forum.mautic.org/u/joanmooreban)\
**Post date:** [November 8, 2017, 3:13pm UTC](https://forum.mautic.org/t/bar-focus-item-prevents-page-clicking/9836/9 "2017-11-08T15:13:57Z")

</div>

Also, tried placing the in different places, before and after /body, on top and on the bottom. Nothing changed though.

---

<div class="post-metadata">

**Author:** ![joanmooreban](https://avatars.discourse-cdn.com/v4/letter/j/aeb1de/32.png) [@joanmooreban](https://forum.mautic.org/u/joanmooreban)\
**Post date:** [December 11, 2017, 5:24pm UTC](https://forum.mautic.org/t/bar-focus-item-prevents-page-clicking/9836/10 "2017-12-11T17:24:03Z")

</div>

hello again, has anyone had the change to look at [http://www.textilaiko.com/encuesta\_satisfaccion\_compra.php](http://www.textilaiko.com/encuesta_satisfaccion_compra.php) and see the problem with the bar focus? when the bar focus is displayed you can not click on any other element of the page. i would really, really need to have some feedback on this. thank you! joan

---

<div class="post-metadata">

**Author:** ![denispavliha](https://avatars.discourse-cdn.com/v4/letter/d/e0b2c6/32.png) [@denispavliha](https://forum.mautic.org/u/denispavliha)\
**Post date:** [December 11, 2017, 7:21pm UTC](https://forum.mautic.org/t/bar-focus-item-prevents-page-clicking/9836/11 "2017-12-11T19:21:09Z")

</div>

Yeah, there is obviously an issue with focus items; its iframe expands full width and height, overlaying the page content. I’ve.managed to make a workaround by setting the focus’ iframe’s (max-)width and (max-)height using css.
