Viewport Control is in front of Action Bar

[theophilhenry]

Hi, I'm currently in Puck version "@measured/puck": "^0.16.1"

In the top current of my items, the viewport control is in front of my action bar (to delete and etc). I can't see the action bar. Is there any workaround for this? Thanks!

[theophilhenry]

The workaround I do is using linebreak on actionbar override

It works for now, let me know if there's other way, or am I doing something wrong... I'm using NextJS

 {
        actionBar: ({children}) => (
          <div className="z-50">
            <br/>
            <br/>
          <ActionBar label="Actions">
            <ActionBar.Group>{children}</ActionBar.Group>
          </ActionBar>
          </div>
        )
      }

[bakikucukcakiroglu]

I'm having the same issue!

[chrisvxd]

This is an issue when the component is the first item on the page, and smaller than action bar.

There's not any good fix yet, but I can look at using some JS to account for this, similar to what I'm doing for the new drag-and-drop engine if the item is too narrow and the action bar clips off the left of the screen.