javascript - Splitter doesn't work until weird sequence of steps is performed -


trying working: https://github.com/nathancahill/split.js

for reason, have disable css height of container, drag splitter random amount, , re-enable height property in order splitter work. until can't move splitter @ all. idea why might or how simulate effect work?

to clarify, have vertical splitter of 2 divs , if try drag splitter, nothing happens. however, if hit f12 in chrome (latest version), disable height on container, drag little bit, , re-enable height, works flawlessly.

just disabling , re-enabling height doesn't work , dragging it. has dragged while height property disabled. it's extremely weird , took me forever figure out workaround. idea why might or how can fix it?

here settings on initialization:

split(['#txtchatwindow', '#txtguesswindow'], {   "direction": 'vertical',   "sizes": [50, 50],   "minsize": [75, 170],   "guttersize": 15 }); 

figured out. i'm using bootstrap tabs. looks tab has active load properly. loading on page load. switched load when tab becomes active first time , fixed it.

i think disabling height, dragging splitter, , re-enabling height caused reinitialize , fix if guess.


Popular posts from this blog

php - How should I create my API for mobile applications (Needs Authentication) -

5 Reasons to Blog Anonymously (and 5 Reasons Not To)

Google AdWords and AdSense - A Dynamic Small Business Marketing Duo