[Bug]: (v4) Source secret inputs on top of action menu

[JorrinKievit]

Description

The inputs on a source page like Github App have a higher z-index than the action menu.

Minimal Reproduction (if possible, example repository)

1. Go to any existing source
2. Open action menu with "/" or clicking on the menu top left

Exception or Error

Version

v4.0.0-beta.43

[andrasbacsai]

@chz Could you please check this?

It is a tricky one - at least for me. For the password fields, I use absolute position in a relative parent, to place the small eye icon inside the input box.

The Magicbar (vue) component is a fixed background with a fixed-positioned menu.

[chz]

@chz Could you please check this?

It is a tricky one - at least for me. For the password fields, I use absolute position in a relative parent, to place the small eye icon inside the input box.

The Magicbar (vue) component is a fixed background with a fixed-positioned menu.

Yeap i will check and create PR

[chz]

@andrasbacsai also i think, Maybe we must refactor this input component to use flex approach instead relative absolute. For future we can extend more and more icons left or right.

[andrasbacsai]

@andrasbacsai also i think, Maybe we must refactor this input component to use flex approach instead relative absolute. For future we can extend more and more icons left or right.

Yes, I'm okay with it. It was just a quick solution from me. I'm open to any improvement here.

Would you like me to open an issue for it?

[chz]

@andrasbacsai also i think, Maybe we must refactor this input component to use flex approach instead relative absolute. For future we can extend more and more icons left or right.

Yes, I'm okay with it. It was just a quick solution from me. I'm open to any improvement here.

Would you like me to open an issue for it?

Yeap create issue for that i will try to refactor input component