javascript - Angular Strap tab does not update tab content until browser resize -

-

i using following code use tabs within modal. 

<div bs-tabs>     <div ng-repeat="tabs in filters" title="{{ tabs.title }}" name="{{ tabs.title }}" bs-pane>         <label class="tag-checkboxes col-sm-6" ng-repeat="tag in tabs.filters | orderby: 'name'">             <input type="checkbox" ng-model="tag.checked" ng-change="modifyfilter(tag)"> {{tag.name}}             </input>         </label>     </div> </div>

which pulls it's data json source structured this:

{     "title": "difficulty",     "icon": "difficulty-icon",     "filters": [{         "name": "easy",         "checked": false     }] }, {     "title": "equipment",     "icon": "equipment-icon",     "filters": [{         "name": "rope",         "checked": false     }     }] }

this works in chrome 47, in chrome 38 (annoying specific browser have target due closed network) content of tab (all checkboxes) not show until browser resized or open inspector, changes dom guess.

does have idea how can solved?

ok issue causes issue inputs within modals. following css fixes this.

the position: fixed; seems break things. 

.modal.center .modal-dialog{     position:absolute !important;     top:40%;left:50%;     min-width:320px;     max-width:630px;     width:50%;     -webkit-transform:translatex(-50%) translatey(-50%);     transform:translatex(-50%) translatey(-50%) }

Comments

Post a Comment

Popular posts from this blog

how to insert data php javascript mysql with multiple array session 2 -

-
i have method method discussed , successful data entered 1 when more 1 can not database this programs my php form : <form class="form-horizontal" id="form-produk"> <div class="control-group" > <label class="control-label" for="kelas">kategori</label> <div class="controls"> <select class='form-control' name='id_kategori'> <?php $tampil=mysql_query("select * kategori order nama_kategori"); if ($id_kat==0){ echo "<option value=0 selected>- pilih kategori -</option>"; } while($w=mysql_fetch_array($tampil)){ if ($id_kat==$w[id_kategori]){ echo "<option value=$w[id_kategori] selected>$w[nama_kategori]</option>"; } else{ echo "<option value=$w[id_kategori]>$...
Read more

c++ - How to test/verify that zero-initialization takes place -

-
i trying test 0 initialization on virtual machine g++ options -std=c++98, -std=c++03, -std=c++11 unfortunately there not many garbage values , see zeros in place shouldn't be. how force random values can test this? #include <iostream> #include <string> using namespace std; class { public: int a; }; class b { public: b(){} int x; }; int main() { { int tab[50000] = {0}; } a; a* aa = new a; b b; b* bb = new b; cout << a.a << endl; cout << aa->a << endl; cout << b.x << endl; cout << bb->x << endl; return 0; } you not guaranteed see random numbers. c/c++ standard says uninitialized values undefined, cannot values have. 0 ok (maybe virual machine zeros memory before allocating). if need random numbers, generate them using <random>
Read more

node.js - Webpack/TypeScript Raising Errors When node_modules is Excluded -

-
Image
i have following webpack , typescript configs: webpack.config.js module.exports = { entry: { dev: './src/ts/site' }, output: { filename: './com/js/site.js' }, resolve: { extensions: ['', '.ts', '.tsx'] }, module: { loaders: [ // typescript { test: /\.tsx?$/, loader: 'ts-loader' } ] } } tsconfig.json { "compileroptions": { "noimplicitany": true, "module": "commonjs" } } i've simplified project include following dependencies: package.json (partial) "typescript": "^1.7.5", "ts-loader": "^0.7.2", "webpack": "^1.12.9" when run webpack, massive slew of errors: the list goes on many many screen lengths, far i've scrolled every 1 duplicate identifier err...
Read more