javascript - Blueimp fileupload opens file picker when whitespace is clicked. -

-

working on pre-existing project, found fileupload input triggers when whitespace after input element clicked, extending through several tags above it, , ending, in page, when gets pair of <li> contain form elements. (if there 1 or fewer of these list items, problem persists bottom of page.)

i have pair of jsfiddles minimal examples construct. i'm totally baffled what's going on here.

example 1 list item, behavior continues bottom of window: https://jsfiddle.net/e980gzry/

example 2 list items, behavior stops above first list item: https://jsfiddle.net/o76qd639/5/

has run situation before, , how go addressing it?

if don't mind using javascript trigger file browser, can using jquery:

$(function () {   // whenever .fileinput-button clicked, trigger click on input element   $(".fileinput-button").on('click', function (e) {     $("#fileupload").click();   }); });

but if use directly need move input outside of .fileinput-button well:

<div class='box-content'>   <span class='fileinput-button' style='color: #008fd2; border-bottom: 1px solid #e0e2e5'>       <i class='fa fa-upload'>         <span>           <i class="fa fa-fa-upload"></i> add files...         </span>       </i>   </span>   <input id='fileupload' multiple='' name='files[]' type='file'> </div>

and simplify css, removing .fileinput-button input definition:

.fileinput-button {   display: block;   cursor: pointer; }  #fileupload {   display: none; }

see complete jsfiddle, tested in chrome , firefox.

by way, problem you're seeing browsers don't giving complete css control on input elements. workaround that.


Comments

Post a Comment

Popular posts from this blog

multithreading - Exception in Application constructor -

-
i wanna write snake game javafx , there exception don't know , want know how fix it. ( know it's not complete yet ) and want know , class extends application ( start override ) main in other programs? see , here not static void main bc didn't need, if want add main shoud do? it's exeption... exception in application constructor exception in thread "main" java.lang.nosuchmethodexception: main_snake.main([ljava.lang.string;) @ java.lang.class.getmethod(class.java:1819) @ com.intellij.rt.execution.application.appmain.main(appmain.java:125) and code : import javafx.animation.animationtimer; import javafx.application.application; import javafx.event.eventhandler; import javafx.scene.scene; import javafx.scene.canvas.canvas; import javafx.scene.canvas.graphicscontext; import javafx.scene.input.keyevent; import javafx.scene.layout.borderpane; import javafx.scene.paint.color; import javafx.stage.stage; import java.util.arraylist; /** * creat...
Read more

React Native allow user to reorder elements in a scrollview list -

-
i'm trying let user reorder elements in scrollview list long-pressing on 1 of elements. we're trying let user use long press pick element of scrollview list, , put element somewhere else in list. have working using animated view, issue it's difficult integrate scrolling , swipe-to-delete animated view. we're hoping add "pick , reorder" scrollview. is there preferred method accomplishing this? touchablewithoutfeedback has onlongpress method, can implement this: _onlongpress() { // perform sort }, <touchablewithoutfeedback onlongpress={ () => this._onlongpress() }> <text>click , hold call onlongpress</text> </touchablewithoutfeedback> as far sorting, can use type of library such lodash or underscore, plus there ways sort using vanilla javascript. check out this thread. i've set basic project using sort function on listview here . https://rnplay.org/apps/mpbktg 'use strict'; var react = requ...
Read more

windows - CertCreateCertificateContext returns CRYPT_E_ASN1_BADTAG / 8009310b -

-
i realize similar post others (e.g. this one ), there details missing posts might significant case. to start with, here's simplified program: #include "stdafx.h" #include <windows.h> #include <wincrypt.h> int _tmain(int argc, _tchar* argv[]) { // usage: certextract certpath char keyfile[] = "c:\\certificates\\public.crt"; byte lp[65536]; security_attributes sa; handle hkeyfile; dword bytes; pccert_context certcontext; sa.nlength = sizeof(sa); sa.lpsecuritydescriptor = null; sa.binherithandle = false; hkeyfile = createfile(keyfile, generic_read, file_share_read, &sa, open_existing, file_attribute_normal, null); if (hkeyfile) { if (readfile(hkeyfile, lp, getfilesize(hkeyfile, null), &bytes, null) && bytes > 0) { certcontext = certcreatecertificatecontext(x509_asn_encoding, lp, bytes); if (certcontext) { printf("yay...
Read more