Can not click button by this way

Sciter Forums Bug reports Can not click button by this way

This topic contains 2 replies, has 2 voices, and was last updated by  hello123 4 months, 1 week ago.

  • Author
    Posts
  • #48980

    hello123
    Participant

    I am not sure this is a bug,but

    
    <!DOCTYPE html>
    <html>
    <head>
    	<title>test</title>
    	<style type="text/css">
    		body{
    			padding: 5px;
    		}
    		#contain{
    			width: 300px;
    			height: 100%;
    		}
    		#view{
    			width: *;
    			height: 200px;
    			outline: 1px red solid;
    			position: relative;
    			overflow: hidden;
    		}
    		#move{
    			position: absolute;
    			top: 0;
    			left: 0;
    			width: 500px;
    			height: 300px;
    			background-color: gold;
    			/*opacity: 0.5;*/
    		}
    	</style>
    </head>
    <body>
    <div #contain>
    	<div #view>
    		<div #move></div>
    	</div>
    	<div #btn>
    		<button>Click Me!</button>
    	</div>
    </div>
    </body>
    </html>
    

    I can not click the button, I think #move causing this.
    But I need this structure,is there a solution?

  • #48990

    Andrew
    Keymaster

    Seems like problem on my side, looking.

    For a while you can fix it by adding

        #btn{
          position: relative;
        }
  • #49012

    hello123
    Participant

    Thanks!

You must be logged in to reply to this topic.