Web App Builder Version 2.7 - A Bug with 2D Jewelry Box Widget Icon Placement?

[IanPeebles]

I have downloaded and installed the latest Web App Builder (WAB) version 2.7.  When building an application and testing, I have noticed strange behavior with the icons that I did not have with version 2.6.  I can make simple customizations, that work and have no errors or any issues in version 2.6, but there are issues in 2.7.  Here is an example:

When the application loads (notice black lines over search widget):

The widgets are hidden over the search widget.

When the application is refreshed our the page size changes

There is something strange going on here.  There are no errors in console mode and the issue has been replicated in Microsoft Internet Explorer 11 and Mozilla FireFox.

[RobertScheitlin__GISP]

I have seen where a few people have mentioned this. I am not sure if anyone have reported this bug to seri tech support though. 

[IanPeebles]

Robert, I am actually glad you mentioned this .  I was hoping I wasn't the only one.  I did contact ESRI this morning and was able to demonstrate the issue and they are looking into it.  It is almost as if something isn't loading properly.  I do not see this behavior in version 2.6.  I am headed to the Dev Summit in March in Palm Springs, CA, so hopefully I find ESRI staff to talk to about this issue.  Just wish there was a quick fix, but I cannot deploy an app in this type of condition because end users will notice.

[LefterisKoumis]

I have problems using this theme as well. The icons for the widget groups don't appear below where they are supposed to be...

I never had problems updating an app from one version of WAB to the newer version, but this time there is an obvious issue.

[RobertScheitlin__GISP]

It is now a known issue in 2.7 when using the Foldable or Jewlerybox themes.

[LefterisKoumis]

It is frustrating when you access the ESRI's web-appbuilder developer webpage for bugs and they have no entries for reported bugs since last year!!!

Esri Support Search-Results 

Click on the link above and select "Past Year" from the "SORT" dropdown. You will see reported bugs only if you select "Any time" but the bugs are for older versions of WAB.

[IanPeebles]

One thing I have noticed is if you use an application link at the top of the main toolbar or change the font (default font to arial), that behavior will appear.  However, if you remove the link, it seems to be OK.  I am headed to the Developer Summit in March and I will track down the WAB guys to talk to them about this issue.  I did go ahead and deploy all of our WAB apps to the latest version.

[AaronLeese1]

I was having the same issue.  I noticed that if I resized the window, the widget icons would get reset to their correct locations.  I added 

window._absolutLayoutManager.resize();

to the end of the postCreate funtion of the widget that I have in the slide out window of the jewelry box theme and it makes the widget icons in the header controller appear in the correct positions

hope this helps!

[LefterisKoumis]

Hello Aaron. Did you mean that you added the suggested line in the app/themes/jewelryboxtheme/widgets/headercontroller/widget.js?

Thanks.

[AaronLeese1]

no, I added it to the widget that's in the sidebar of the webapp (my app is using Robert's popup panel).  I figure that widget gets created on the startup of the application, so it will fire after the user opens the webapage.