W3C home > Mailing lists > Public > www-talk@w3.org > November to December 2013

Re: "display:none" on android browser will prevent "click" event?

From: chun zhang <mrchunzhang@gmail.com>
Date: Thu, 5 Dec 2013 12:54:01 +0800
Message-ID: <CAPd_jdnB7D+_9ukh5-Mp-F1=SD0ZnQpaSYO6fh=c9cWtHoR_TQ@mail.gmail.com>
To: www-talk@w3.org
Thanks everybody!
I tried, "display: hidden;" is not working, but "position:absolute; top:0;
left:-3000px;" is worked.
I also would like to ask: "left:-3000px;", how large negative value is the
best choice? Because I tried "left:-999999999px;" is not working.


2013/12/4 Harold Dennison <harold.dennison@gmail.com>

>
>>
>> *"display:none [...] causes an element to not appear in the formatting
>> structure <http://www.w3.org/TR/CSS21/intro.html#formatting-structure>" "**Please
>> note that a display of 'none' does not create an invisible box; it creates
>> no box at all." *
>
>
> http://www.w3.org/TR/CSS21/visuren.html#propdef-display
>
> I suppose that's "why"
>
>
>
> On Wed, Dec 4, 2013 at 2:26 PM, chun zhang <mrchunzhang@gmail.com> wrote:
>
>> <!DOCTYPE html>
>> <html>
>> <head>
>> <script src="
>> http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
>> </script>
>> <script>
>> $(document).ready(function(){
>>   $("p").click(function(){
>>     $("#test").click();
>>   });
>> });
>> </script>
>> </head>
>> <body>
>> <p>If you click on me, I will disappear.</p>
>> <p>Click me away!</p>
>> <p>Click me too!</p>
>> <input id="test" type="file" style="display:none;">
>> </body>
>> </html>
>>
>> Run this code on android browser, click p will never show file dialog.
>> But if I remove style="display:none;", let the input show, it works.
>> Why?
>>
>
>
Received on Thursday, 5 December 2013 04:55:19 UTC

This archive was generated by hypermail 2.3.1 : Tuesday, 6 January 2015 21:33:10 UTC