jira - atlassian gadget height is not working in Google Chrome browser -

i developing custom gadgets using atlassian sdk our jira instance. facing issue dynamic height of gadget based on displayed content. dynamic height working in firefox browser not working in chrome. please see below gadget xml reference.
using , gadgets.window.adjustheight(); tried scrolling="true". nothing working in google chrome firefox working expected.

can 1 me fix issue. thank in advance

<?xml version="1.0" encoding="utf-8" ?> 

jira #oauth

     <style type="text/css">         .collapsiblelist li > input + * {          display: none;         }          .collapsiblelist li > input:checked + * {          display: block;         }          .collapsiblelist label {          cursor: pointer;         }           h1 {          margin-left: 20px;          font-size: 14px;         }    </style>      <h1>assigned groups</h1>     <br>     <script type="text/javascript">          (function () {             var gadget = ajs.gadget({                 baseurl: "__atlassian_base_url__",                 useoauth: "/rest/gadget/1.0/currentuser",                 view: {                      onresizeadjustheight: true,                     template: function(args) {                          var gadget = this;                          var userlist = ajs.$("<ul/>").attr(                             {                                 class: "collapsiblelist"                             }                         );                         ajs.$(args.usermembershipdata.groups).each(                             function() {                                 var group = this;                                 userlist.append(                                     ajs.$("<li/>").append(                                         ajs.$("<label/>").attr(                                             {                                                 for: group                                             }                                         ).text(group)                                     ).append(                                         ajs.$("<input/>").attr(                                             {                                                 type: "checkbox",                                                 id: group,                                                 onchange: "javascript:gadgets.window.adjustheight();",                                                  style: "display:none;"                                             }                                         )                                     ).append(                                         function() {                                             var unorderedlist = ajs.$("<ul/>").attr(                                             {                                                 onchange: "javascript:gadgets.window.adjustheight();",                                              }                                             );                                              ajs.$(args.usersdata).each(                                                 function() {                                                     user = this;                                                     if (this.groupname == group) {                                                         unorderedlist.append(                                                          ).text(user.usernames);                                                         onchange: "javascript:gadgets.window.adjustheight();"                                                     }                                                 }                                             );                                             return unorderedlist;                                         }                                     )                                 );                             }                         );                         javascript:gadgets.window.adjustheight();                         gadget.getview().html(userlist);                      },                     args: [                         {                             key: "usermembershipdata",                             ajaxoptions: function() {                                 return {                                     url: "/rest/groupmembership/1.0/usergroups.json"                                 };                             }                         },                         {                             key: "usersdata",                             ajaxoptions: function() {                                 return {                                     url: "/rest/groupmembership/1.0/groupusers.json"                                 };                             }                         }                     ]                 }             });         })();     </script>      ]]> </content> 

i had similar problem blogger gadget, after days looking solved putting style="overflow: hidden;" in html tag. although html tag generated use jquery that. solution was:

$('html').attr('overflow','hidden');