Cristian006/frameless-titlebar

Button has no click ability if added as a child to Titlebar

scope2229 opened this issue · 1 comments

Describe the bug
If you add the below code as a child of the Titlebar it is unable to detect hover or clicks. If i am in full screen mode then i can move the mouse to the very top off the titlebar and can see the hover and click. If i use top: 25px; on the button and hover over the half not inside the titlebar i can click if inside it's unable to click.


<div className="web_action_buttons">
          <Row className="align-items-center m-0" >
            <Button bsPrefix="btn-block" className="web_action_btn m-0 btn-border" onClick={() => console.log("Back")}><FontAwesomeIcon icon={faAngleLeft} size="2x"/></Button>
            <Button bsPrefix="btn-block" className="web_action_btn m-0"  onClick={() => console.log("Forward")}><FontAwesomeIcon icon={faAngleRight} size="2x"/></Button>
            <Button bsPrefix="btn-block" className="web_action_btn m-0 btn-border" onClick={() => console.log("Refresh")}><FontAwesomeIcon icon={faRedoAlt} size="lg"/></Button>
          </Row>
        </div>

Expected behavior
Be able to hover and click on components added to the titlebar as children

Desktop (please complete the following information):

  • OS: [Ubuntu

When will it be released v2.2