# NO BUG: Auto focus not work on popup and offcanvas **URL:** \ **Category:** Bugs\ **Tags:** v2-3-4\ **Created:** [May 6, 2026, 3:18pm UTC](https://forum.bricksbuilder.io/t/no-bug-auto-focus-not-work-on-popup-and-offcanvas/39126 "2026-05-06T15:18:35Z")\ **Posts on this page:** 10\ **Page:** 1
**Author:** ![jolia](https://forum.bricksbuilder.io/letter_avatar_proxy/v4/letter/j/e68b1a/32.png) [@jolia](https://forum.bricksbuilder.io/u/jolia)\ **Post date:** [May 6, 2026, 3:18pm UTC](https://forum.bricksbuilder.io/t/no-bug-auto-focus-not-work-on-popup-and-offcanvas/39126/1 "2026-05-06T15:18:35Z")
**Browser** : Chrome 110 **OS** : macOS / Windows / Linux / etc. **URL** : Link to a page that illustrates this issue **Video** : Short screen recording that illustrates this issue (free tool: [jam.dev](https://jam.dev/)) Hello, If we have an element like a form or search-filter in a popup or offcanvas, on mobile after it is opened, Auto focus does not happen and the keyboard does not activate. This was the default behavior before, but now focus does not happen at all. Even if **Disable auto focus** is disabled. Am I doing something wrong? Best regards ---
**Author:** ![Matej](https://forum.bricksbuilder.io/user_avatar/forum.bricksbuilder.io/matej/32/20184_2.png) [@Matej](https://forum.bricksbuilder.io/u/Matej)\ **Post date:** [May 7, 2026, 8:16am UTC](https://forum.bricksbuilder.io/t/no-bug-auto-focus-not-work-on-popup-and-offcanvas/39126/2 "2026-05-07T08:16:24Z")
Hey @jolia, what is your popup settings? I can’t replicate this issue. In my case, it focuses on the first form input element. Basically, I don’t have any special settings set. ![CleanShot 2026-05-07 at 10.15.12@2x](https://forum.bricksbuilder.io/uploads/default/original/3X/7/d/7dbbdff0588e82fda00ba802aebe2283b6ccc6d1.png) And question for you: Is it working on desktop, and is its only issue in the mobile devices? Matej ---
**Author:** ![jolia](https://forum.bricksbuilder.io/letter_avatar_proxy/v4/letter/j/e68b1a/32.png) [@jolia](https://forum.bricksbuilder.io/u/jolia)\ **Post date:** [May 7, 2026, 10:26am UTC](https://forum.bricksbuilder.io/t/no-bug-auto-focus-not-work-on-popup-and-offcanvas/39126/3 "2026-05-07T10:26:38Z")
Hi @Matej, It works fine on Android browsers, but it doesn’t work as well on iPhone as it does on Safari. ---
**Author:** ![Matej](https://forum.bricksbuilder.io/user_avatar/forum.bricksbuilder.io/matej/32/20184_2.png) [@Matej](https://forum.bricksbuilder.io/u/Matej)\ **Post date:** [May 8, 2026, 6:33am UTC](https://forum.bricksbuilder.io/t/no-bug-auto-focus-not-work-on-popup-and-offcanvas/39126/4 "2026-05-08T06:33:54Z")
Can you share a link, please? I was testing on iPhone. Matej ---
**Author:** ![jolia](https://forum.bricksbuilder.io/letter_avatar_proxy/v4/letter/j/e68b1a/32.png) [@jolia](https://forum.bricksbuilder.io/u/jolia)\ **Post date:** [May 14, 2026, 11:39am UTC](https://forum.bricksbuilder.io/t/no-bug-auto-focus-not-work-on-popup-and-offcanvas/39126/5 "2026-05-14T11:39:43Z")
Hello @Matej, > **[Log In ‹ Try Bricks – t8f1f855 — WordPress](https://try.bricksbuilder.io/t8f1f855/wp-login.php)** ```auto {"content":[{"id":"mqnznh","name":"section","parent":0,"children":["fpnuxh"],"settings":{}},{"id":"fpnuxh","name":"container","parent":"mqnznh","children":["bqhmlz"],"settings":{}},{"id":"bqhmlz","name":"button","parent":"fpnuxh","children":[],"settings":{"text":"Offcanvas","style":"primary","_background":{"color":{"light":"#424242","raw":"var(--bricks-color-grey-800)","id":"1da04c"}},"_typography":{"color":{"raw":"hsl(0, 0%, 100%)"}},"_interactions":[{"id":"legcnm","trigger":"click","action":"toggleOffCanvas","offCanvasSelector":"#brxe-ucztpj"}]}},{"id":"ucztpj","name":"offcanvas","parent":0,"children":["bmoiyi","cbpmld"],"settings":{"direction":"bottom","height":"50%"}},{"id":"bmoiyi","name":"block","parent":"ucztpj","children":["qutady","okvkgr"],"settings":{"_hidden":{"_cssClasses":"brx-offcanvas-inner"},"_padding":{"top":"20","right":"20","bottom":"20","left":"20"},"_rowGap":"20"},"label":"Content","cloneable":false,"deletable":false},{"id":"qutady","name":"text-basic","parent":"bmoiyi","children":[],"settings":{"text":"Close offcanvas","_alignSelf":"center","tag":"span","_interactions":[{"id":"eesotw","trigger":"click","action":"toggleOffCanvas","offCanvasSelector":"#brxe-ucztpj"}]}},{"id":"cbpmld","name":"block","parent":"ucztpj","children":[],"settings":{"_hidden":{"_cssClasses":"brx-offcanvas-backdrop"}},"label":"Backdrop"},{"id":"okvkgr","name":"form","parent":"bmoiyi","children":[],"settings":{"fields":[{"type":"text","label":"Name","placeholder":"Your Name","id":"6305f5"},{"type":"textarea","label":"Message","placeholder":"Your Message","required":true,"id":"4f0335"}],"submitButtonStyle":"primary","actions":["email"],"successMessage":"Message successfully sent. We will get back to you as soon as possible.","emailSubject":"Contact form request","emailTo":"admin_email","fromName":"Try Bricks - t8f1f855","emailErrorMessage":"Submission failed. Please reload the page and try to submit the form again.","htmlEmail":true,"mailchimpPendingMessage":"Please check your email to confirm your subscription.","mailchimpErrorMessage":"Sorry, but we could not subscribe you.","sendgridErrorMessage":"Sorry, but we could not subscribe you."},"themeStyles":{}}],"source":"bricksCopiedElements","sourceUrl":"https://try.bricksbuilder.io/t8f1f855","version":"2.3.5"} ``` ---
**Author:** ![Matej](https://forum.bricksbuilder.io/user_avatar/forum.bricksbuilder.io/matej/32/20184_2.png) [@Matej](https://forum.bricksbuilder.io/u/Matej)\ **Post date:** [May 15, 2026, 7:49am UTC](https://forum.bricksbuilder.io/t/no-bug-auto-focus-not-work-on-popup-and-offcanvas/39126/6 "2026-05-15T07:49:09Z")
Hey @jolia, can you try this one (you need to change target CSS Id in the interaction most likely). Now the form element is actually the first element, and in my case, it focuses correctly. ```auto {"content":[{"id":"gqnvcu","name":"section","parent":0,"children":["xholkg"],"settings":{}},{"id":"xholkg","name":"container","parent":"gqnvcu","children":["sbhwie"],"settings":{}},{"id":"sbhwie","name":"button","parent":"xholkg","children":[],"settings":{"text":"Offcanvas","style":"primary","_interactions":[{"id":"legcnm","trigger":"click","action":"toggleOffCanvas","offCanvasSelector":"#brxe-lumbcp"}]}},{"id":"lumbcp","name":"offcanvas","parent":0,"children":["piyrud","ycuhuy"],"settings":{"direction":"bottom","height":"50%"}},{"id":"piyrud","name":"block","parent":"lumbcp","children":["oozmzz"],"settings":{"_hidden":{"_cssClasses":"brx-offcanvas-inner"},"_padding":{"top":"20","right":"20","bottom":"20","left":"20"},"_rowGap":"20"},"label":"Content","cloneable":false,"deletable":false},{"id":"ycuhuy","name":"block","parent":"lumbcp","children":[],"settings":{"_hidden":{"_cssClasses":"brx-offcanvas-backdrop"}},"label":"Backdrop"},{"id":"oozmzz","name":"form","parent":"piyrud","children":[],"settings":{"fields":[{"type":"text","label":"Name","placeholder":"Your Name","id":"6305f5"},{"type":"textarea","label":"Message","placeholder":"Your Message","required":true,"id":"4f0335"}],"submitButtonStyle":"primary","actions":["email"],"successMessage":"Message successfully sent. We will get back to you as soon as possible.","emailSubject":"Contact form request","emailTo":"admin_email","fromName":"Try Bricks - t8f1f855","emailErrorMessage":"Submission failed. Please reload the page and try to submit the form again.","htmlEmail":true,"mailchimpPendingMessage":"Please check your email to confirm your subscription.","mailchimpErrorMessage":"Sorry, but we could not subscribe you.","sendgridErrorMessage":"Sorry, but we could not subscribe you."},"themeStyles":{}}],"source":"bricksCopiedElements","sourceUrl":"https://1bricks.local","version":"2.3.5"} ``` Where in the [try.bricksbuilder.io](http://try.bricksbuilder.io) that you pasted can I see the example? Matej ---
**Author:** ![jolia](https://forum.bricksbuilder.io/letter_avatar_proxy/v4/letter/j/e68b1a/32.png) [@jolia](https://forum.bricksbuilder.io/u/jolia)\ **Post date:** [May 18, 2026, 11:20am UTC](https://forum.bricksbuilder.io/t/no-bug-auto-focus-not-work-on-popup-and-offcanvas/39126/7 "2026-05-18T11:20:15Z")
> can you try this one (you need to change target CSS Id in the interaction most likely). Now the form element is actually the first element, and in my case, it focuses correctly. Hi @Matej, > Where in the [try.bricksbuilder.io](http://try.bricksbuilder.io/) that you pasted can I see the example? Sorry, I forgot to mention it. playground url/t8f1f855/sample-page/ ---
**Author:** ![Matej](https://forum.bricksbuilder.io/user_avatar/forum.bricksbuilder.io/matej/32/20184_2.png) [@Matej](https://forum.bricksbuilder.io/u/Matej)\ **Post date:** [May 19, 2026, 7:20am UTC](https://forum.bricksbuilder.io/t/no-bug-auto-focus-not-work-on-popup-and-offcanvas/39126/8 "2026-05-19T07:20:20Z")
Hey Jolia, From what I can see, it is working correctly. It is focusing on the first focusable element, which is the “Close offcanvas” element/text that has a close interaction. If you hide that element, as I did in your install, you will notice that it focuses on a form element. The same would happen if you remove the interactions. Can you check now and let me know? Thanks, Matej ---
**Author:** ![jolia](https://forum.bricksbuilder.io/letter_avatar_proxy/v4/letter/j/e68b1a/32.png) [@jolia](https://forum.bricksbuilder.io/u/jolia)\ **Post date:** [May 24, 2026, 10:02am UTC](https://forum.bricksbuilder.io/t/no-bug-auto-focus-not-work-on-popup-and-offcanvas/39126/9 "2026-05-24T10:02:23Z")
Hi @Matej, Sorry for the late reply. In the iPhone Chrome browser, after opening offcanvas, focus does not occur and the keyboard does not activate. But in android browsers it opens fine. ---
**Author:** ![Matej](https://forum.bricksbuilder.io/user_avatar/forum.bricksbuilder.io/matej/32/20184_2.png) [@Matej](https://forum.bricksbuilder.io/u/Matej)\ **Post date:** [May 25, 2026, 7:39am UTC](https://forum.bricksbuilder.io/t/no-bug-auto-focus-not-work-on-popup-and-offcanvas/39126/10 "2026-05-25T07:39:58Z")
Hi Jolia, I have checked this, and you are correct: it functions on Android, but it does not bring up the keyboard on iOS. I was able to replicate this behavior. However, this does not appear to be a bug on our end. I cross-referenced the bug reports from Apple and found one comment stating that this is the intended behavior on Apple devices. You can view the exact comment here: [195884 – Autofocus on text input does not show keyboard](https://bugs.webkit.org/show_bug.cgi?id=195884#c4) Due to this finding, I am not creating a separate task for this and am setting this item to “no bug,” as there is nothing we can do from our end. Thanks for all, Matej