Dart Polymer: Creating PaperDialog with CoreAnimatedPages displayed incorrectly in Firefox -


i use dart polymer paperdialogs containing coreanimatedpages. idea have popups in can click through multiple option views.

example repository available at: https://bitbucket.org/neogucky/polymer-dialog-problem/

dialogview: view.html

<link rel="import" href="packages/polymer/polymer.html"> <link rel="import" href="packages/paper_elements/paper_button.html"> <link rel="import" href="packages/paper_elements/paper_dialog.html"> <link rel="import" href="packages/paper_elements/paper_dialog_transition.html"> <link rel="import" href="packages/core_elements/core_animated_pages.html">  <polymer-element name="test-view">   <template>     <paper-dialog id="extendednode" vertical autoclosedisabled=true transition="paper-transition-center" opened=true class="notitle">       <content>        <core-animated-pages selected="{{page}}" valueattr="id" transitions="hero-transition cross-fade">             <section id="0">                 <br><br>                 <p cross-fade>click next see secret text.</p>             </section>             <section id="1">                 <br><br>                 <p cross-fade >this text secret, don't tell firefox users!</p>           </section>         </core-animated-pages>     </content>     </paper-dialog>   </template>  <script type="application/dart" src="view.dart"></script> </polymer-element>

css-file:

html /deep/ paper-dialog {   margin-top: -150px;   margin-left: -300px; }  html /deep/ paper-dialog /deep/ core-animated-pages{   height: 300px;   width: 600px; }

expected behavior: upon page load 300px x 600px dialog should popup button @ bottom left.

behavior in firefox: small dialog shown , resembles dialog in chrome when there no size set in css file.

i confirm if fault using incorrect css hooks or if seems polymer problem firefox.

if css not inside polymer element need add polyfill version of selectors make work on browsers without native shadow-dom support

html paper-dialog, html /deep/ paper-dialog {   margin-top: -150px;   margin-left: -300px; }  html paper-dialog core-animated-pages, html /deep/ paper-dialog /deep/ core-animated-pages{   height: 300px;   width: 600px; }

see https://www.polymer-project.org/0.5/docs/polymer/styling.html , https://www.polymer-project.org/0.5/articles/styling-elements.html more details


Comments

Post a Comment

Popular posts from this blog

javascript - Google App Script ContentService downloadAsFile not working -

i have web app developed using google app script htmlservice , html form, populating excel sheet in google drive using spreadsheetapp . , 1 section calling contentservice download data excel file. function doget(e) { // read excel sheet //getappfile(); // render application html template return htmlservice.createtemplatefromfile('index').evaluate() .settitle('go smart') .setsandboxmode(htmlservice.sandboxmode.iframe); } function downloaddoublequatecsvfile() { var sheetid = propertiesservice.getscriptproperties().getproperty('sheetid'); var ss = spreadsheetapp.openbyid(sheetid).getactivesheet(); //var ss = spreadsheetapp.getactivespreadsheet().getactivesheet(); var maxcolumn = ss.getlastcolumn(); var maxrow = ss.getlastrow(); var data = ss.getrange(1, 1, maxrow, maxcolumn).getvalues(); if (data.length > 1) { var csv = ""; (var row = 0; row < data.length; row++) { (var c...
Read more

javascript - IIFE: var vs this - is there any difference? -

is there difference between this , var in invoced function expressions(iife)? (function(){ var foo = 0; this.bar = 0; })(); if code executed in global context, 2 options: you're in use strict mode, , in case this points nothing (null or undefined) , you'll see exception. you're not in use strict mode , this points window, in case you'll set bar global variable. var keeps variable local (same scope run in) , not exposed outside calls of iife.
Read more

r - Grow a ffdf data frame on disk gradually -

from documentation of save.ffdf: using ‘save.ffdf’ automagically sets ‘finalizer’s of ‘ff’ vectors ‘"close"’. means data preserved on disk when object removed or r sessions closed. data can deleted either using ‘delete’ or removing directory object saved (‘dir’). i want starting small ffdf data frame, add bit new data @ time, , grow on disk. did little experiment: # in r ffiris = as.ffdf(iris) save.ffdf(ffiris, dir = "~/desktop/iris") # in bash ls ~/desktop/iris/ ## ffiris$petal.length.ff ffiris$petal.width.ff ffiris$sepal.length.ff ffiris$sepal.width.ff ffiris$species.ff # in r # add new column ffiris =transform(ffiris, new1 = rep(99, nrow(iris))) rm(ffiris) # in bash ls ~/desktop/iris/ ## ffiris$petal.length.ff ffiris$petal.width.ff ffiris$sepal.length.ff ffiris$sepal.width.ff ffiris$species.ff it turns out doesn't automatically update ff data on disk when remove ffiris. saving manually? # in r # add new column ffiris =tran...
Read more