how to enable interaction only for one item and disable for others

so im trying to implement transparent window with Electron, which should be un-interactable, except of one item, it can be some input or button etc...

So currently, im disabling frame and saying that setIgnoreMouseEvents should be true.

app.disableHardwareAcceleration();    
function createWindow() {
  mainWindow = new BrowserWindow({
    transparent: true,   //<- makes the window transparent
    frame: false,        //<- removes the window frame that i can interact with background
    alwaysOnTop: true,  //<- keeps the window always on top
    resizable: false,
    webPreferences: {
      preload: path.join(__dirname, 'preload.js'),
    }
  mainWindow.setIgnoreMouseEvents(true, { forward: true }); //<- ignores mouse to pass clicks through
  });

With code above i can access background, but not the Electron window and its element, all elements that are provided in it, are also transparent. Does someone have some ideas?