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.