Problem/Motivation

When the Responsive Preview block is placed, the buttons are displayed but do not function as expected.

Steps to reproduce

  • Enable the module
  • Place the Responsive Preview block from Block layout
  • Click on buttons/links
  • Attaching the screen recording video for reference

Proposed resolution

The Responsive Preview block was not functioning as expected due to the missing #block-responsivepreviewcontrols ID when the block was placed

Remaining tasks

Add #block-responsivepreviewcontrols Id to make it working as expected.

CommentFileSizeAuthor
#6 after.gif7.3 MBkalash-j
#6 before.gif1.11 MBkalash-j
#4 #3497872_after.mp48.04 MBdivyansh.gupta
Screen Recording 2024-12-23 at 5.23.56 PM.mov4.16 MBroshni upadhyay

Issue fork responsive_preview-3497872

Command icon Show commands

Start within a Git clone of the project using the version control instructions.

Or, if you do not have SSH keys set up on git.drupalcode.org:

About issue forks

Comments

roshni upadhyay created an issue. See original summary.

divyansh.gupta’s picture

divyansh.gupta commented
Assigned: Unassigned » divyansh.gupta

Working on it.

divyansh.gupta opened merge request !21

divyansh.gupta’s picture

divyansh.gupta commented
Assigned: divyansh.gupta » Unassigned
Status: Active » Needs review
StatusFileSize
new #3497872_after.mp48.04 MB

I have made changes in the responsive-preview.js file and the changes are working fine for me, also attached an video of it working.
Please review.

rajeshreeputra made their first commit to this issue’s fork.

kalash-j’s picture

kalash-j commented
Status: Needs review » Reviewed & tested by the community
StatusFileSize
new before.gif1.11 MB
new after.gif7.3 MB

I have tested the MR!21 and it is working as expected and tab are working fine
moving it to RTBC