javascript - Polymer Element gets corrupted dimensions when stamped within a template with dynamic HTML Import -


this bit composite case, in not occur in more isolated ones.

i have created 2 custom elements:

  1. <my-element> (polymer) needs know width when stamped dom (originally juicy-tile-list)

    my-element.html

    polymer('my-element', ( {   domready: function (){     this.width = this.offsetwidth;

  2. <dynamic-import> (vanillajs) adds html import (<link> tag head) when attached (originally imported-template), , not change element's dom @ all.

    dynamic-import.html

    dynamicimportprototype.attachedcallback = function () {   // create new link tag   // ...   document.head.appendchild(link); };

then pack <template>:

index.html

... <template bind>       <my-element>           <dynamic-import></dynamic-import>       </my-element>   </template>

full demo here

in canary (native html imports support?) this.offsetwidth 0, empty <div> style width: 100%, should container - <body> - width.

under chrome stable, , ie works fine, gets corrected after few ms. removing wrapping <template> fixes initial width, removing document.head.appendchild line. how , why adding node head, affects elements size? bug in polymer, canary, or in code? there nice solution?

it chrome bug. polymer gh issue, chromium issue

however found temporary workaround - remove dynamic import attaching flow:

dynamicimportprototype.attachedcallback = function () {   // create new link tag   var link = document.createelement('link');   link.rel = "import";   link.href = "components/whatever.html";   // add head   settimeout( function asyncimport(){       document.head.appendchild(link);   }); };

then measuring should happen before import added. doing other way around require wait import continue rendering, not hard implement, heavily affect ux.


Comments

Post a Comment

Popular posts from this blog

Linux vanilla kernel on QEMU and networking with eth0 -

i have downloaded , compiled vanilla linux kernel (3.7.1) used busybox ramdisk booted using qemu. qemu command line qemu-system-i386 -kernel bzimage -initrd ramdisk.img -append "root=/dev/ram rw console=ttys0 rdinit=/bin/ash" -nographic -net nic -net user everything goes well. however, can't use networking on vanilla kernel busybox. 'ifup eth0' tells me / # ifup eth0 ip: siocgifflags: no such device i googled internet can' clue... advice nice thank in advance. most there no driver (in example should e1000) loaded or device has name. in /sys/class/net/ should find listing of available net-devices. if there none (besides lo) driver not loaded. in qemu monitor type "info pci" , show pci-address of ethernet card. should this: ... bus 0, device 3, function 0: ethernet controller: pci device 8086:100e ... this device corresponds /sys/devices/pci0000:00/0000:00:03.0/. files "vendor" , "device" must c...
Read more

rdbms - what exactly the undo information lives in oracle? -

some docs says, there "undo tablespaces" implies should create tablespace undo imformation. some docs says, there "undo segment" implies undo information lives in normal tablespaces , use of it's segment. so, undo information lives , organized? earlier releases of oracle database used rollback segments store undo. oracle9i introduced automatic undo management, simplifies undo space management eliminating complexities associated rollback segment management. oracle recommends (oracle 9i , on words) use undo tablespace (automatic undo management) manage undo rather rollback segments. when creating undo tablespace, these automatically created: n undo segments (based on sessions parameter value) named _syssmun$ owned public (usable ops configuration) not manually manageable
Read more

javascript - RequestAnimationFrame not working when exiting fullscreen switching space on Safari -

request animation frame stops working when exiting fullscreen clicking on original space's safari window. fine if fullscreen mode canceled escape key or calling cancelfullscreen(). steps reproduce: open https://dl.dropboxusercontent.com/u/769042/prezi/safari-fullscreen.html click "draw raf", kittie appears click "fullscreen", go fullscreen click "draw raf", kittie appears go space original safari was, showing "click exit fullscreen mode", click anywhere, out fullscreen click "draw raf", nothing happens what handling click calling: window.requestanimationframe(draw); which draws on canvas context: function draw() { ctx.drawimage(img, math.random()*500|0, math.random()*400|0, 100, 100); } i checked .hidden , .visibilitystate, updated correctly. tested on osx 10.9.3, safari 7.0.4 (9537.76.4). has workaround/solution other switching old settimeout? this sounds webkit bug 88940 : using reque...
Read more