How to allow page interaction in Blogger preview mode.
When previewing a post, blog layout, or theme customization, the page interactions are limited because Blogger adds a "click trap" element that covers the entire screen. This element only exists in preview mode.
![]() |
| Blogger post preview page. |
Sometimes though, you just want to check how certain elements behave when interacted with ⎯ like playing a video or testing custom HTML in your post.
To allow page interaction in preview mode, add the following CSS:
.blogger-clickTrap{display:none!important}This will hide the invisible element that blocks page interaction.
https://www.blogger.com/rpc_relay.html https://www.blogger.com/comment/frame/220561901913020919?po=838590952015489402&hl=en&saa=85391&origin=https://xmlexpr.blogspot.com&skin=contempo https://xmlexpr.blogspot.com/2024/01/enable-page-interaction-in-preview-mode.html#comments https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaCp_Ndg3dQedpMLgGw0rKiUMy3tQxeuMUWZBI23QGY1sFO97TrQInLAsQzeIM8mAqCzxbZPhR8lrQ0NG56CDI9g1T4P4xYL3GNxoaUoqnPx-WjjJpE6f_LP39IwIEVvqo7R79jkfNB-UDXdJYIakKLsRGcj58UWT600b0T3q-cLkAKhObWJJryKDE3W7m/s72-w640-c-h316/blogger-post-preview-mode.png true ["template-development"]