html - Unexpected scrolling when tabbing through form fields in slider (Chrome) -


I have a form inside a javascript slider. If I already use the tab key to focus on the form field containing the content, then the browser scrolls the slider unexpectedly. I've seen it in Chrome only (version 40.0.2214.91 (64-bit) Ubuntu 14.04) I was wondering if anyone else has experienced this experience, and if you are able to find work around Were?

Here is a code snippet I use to reproduce this issue and contribute terms: 

 . Viewport {range: 2px solid blue; Width: 400px; Hidden flurry; } .slider {border: 2px solid red; Width: 600px; } .form-wrapper {width: 200px; Border: 2px solid green; } Input {width: 190px; }  
  & lt; Div class = "viewport" & gt; & Lt; Div class = "slider" & gt; & Lt; Div class = "form-wrapper" & gt; & Lt; Form action = "#" & gt; & Lt; Input type = "text" name = "field 1" /> & Lt; Input type = "text" name = "field2" value = "field2" /> & Lt; / Form & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; P & gt; Click on field 1, then press tab to pay attention to field 2. & Lt; / P & gt;        
     
  •  The parent is using the div overflow: hidden  
  •  Child div, parent is greater than div  
  •  Using tab key to change field focus  
  •  Form field already has value for receiving forest  
  •  Until now, only Chrome in Chrome  
  •  Chrome auto-complete is not being disabled / enabled for any effect   < P> Report this problem here The went feels like one, but the situation is completely do not are not equal (using overflow horizontal, rather than vertical scrolling Hidden) So, maybe the issue is also under other conditions than mine.   
     
     
     I have found a quick fix for this, sometimes it seems a little bit, but when If you focus on an input in the slider, then adding an event handler is included.  
     This is my code  
      $ ('.bx-viewport input'). Focusin (function () {setTimeout (function ()} // // setTimeout ensures that this is the original problem (this is a delay) after $ ('.bx-viewport'). ScrollLeft (0);}, 0);});  
     
     So your solution should be to find out which element is being applied to the scroll left and it is set to zero. 
     
     It works jsfiddle:

Comments

Post a Comment

Popular posts from this blog

python - Overriding the save method in Django ModelForm -

I'm having trouble overriding a ModelForm save method. I get this error I'm: Exception type: TypeErier Exception Value: Save () found an unexpected keyword argument 'committed' My intentions include a form 3 fields Submit several values ​​for, then create an object for each combination of those areas, and to save each object file models.py class collarsult type (models.Model): id = model. AutoField (db_column = 'icontact_result_code_type_id', primary_key = true) callResult = models.ForeignKey ( 'CallResult', db_column = 'icontact_result_code_id') campaign = models.ForeignKey ( 'campaign', db_column = 'icampaign_id') CALLTYPE = models.ForeignKey ( 'CALLTYPE', db_column = 'icall_type_id') agent = models.BooleanField (db_column = 'bagent', default = true) teamLeader = models.BooleanField (db_column = 'bTeamLeader', default = true) active = models.BooleanField (db_column = Django.form...
Read more

html - CSS autoheight, but fit content to height of div -

I have a div in which there are three children- div in the left and middle div: float: left while true: float: true because it is my layout Actually will spoil, I've used ClearFix Hack: .cf {zoom: 1; }. Cf: First,. Cf: {content: ""; Display: Table; }. Cf: After {clear: both; } It still works, but I want to be the right div an indicator. So it should fill 100% of the parent unit of height. How can I complete this? PS is the full code: & Lt; / Div & gt; & Lt; Div class = "mobile_content" & gt; & Lt; H5 & gt; {{Data.titel}} & lt; / H5> & Lt; Table & gt; & Lt; TR & gt; & Lt; Th & gt; Komponist: & lt; / Th & gt; & Lt; TD & gt; {{Data.komponist}} & lt; / TD & gt; & Lt; / TR & gt; & Lt; TR & gt; & Lt; Th & gt; Instrument: & lt; / Th & gt; & Lt; TD & gt; {{Data.instrumente}} & lt; / TD & gt; & Lt; / TR & gt;...
Read more

qt - How to prevent QAudioInput from automatically boosting the master volume to 100%? -

I have been trying to use Qt5 multimedia to record audio with QAudioInput, however, when I see If QAudioInput is started, it increases the master volume of my sound device to 100%. How can I prevent QAudioInput from changing the master volume? My current development platform is Linux with PalsAdio (with flat audio disabled). How can I use QAudioInput : QAudioDeviceInfo device_info = QAudioDeviceInfo :: defaultInputDevice (); QAudio format format; Format.setSampleRate (44100); Format.setChannelCount (1); Format.setSampleSize (16); Format.setCodec ("Audio / PCM"); Format.setSampleType (QAudioFormat :: SignedInt); Format.setByteOrder (QAudioFormat :: LittleEndian); Std :: cout & lt; & Lt; Device_info.deviceName (). ToUtf8 (). ConstData () & lt; & Lt; Std :: endl; QAudioInput * default_device = new QAudioInput (device_info, format); QIODevice * default_io_device = default_device-> Start (); a QAudioInput.setVolume () method is not you I ...
Read more