skuid Builder - actions tree rendering bug + fix!

  • 1
  • Problem
  • Updated 3 years ago
I've found a CSS rendering bug in the builder's actions tab. Something about overflow. See the video below for a demonstration and a quick fix..

Photo of mB Andréas K.LeF

mB Andréas K.LeF

  • 1,244 Points 1k badge 2x thumb

Posted 3 years ago

  • 1
Photo of Ben Hubbard

Ben Hubbard, Employee

  • 12,490 Points 10k badge 2x thumb
Thanks for the post! Believe it or not this is a bug in Chrome that I reported a year and a half ago and it's scheduled to be fixed in Chrome 50.

https://bugs.chromium.org/p/chromium/issues/detail?id=420072
Photo of mB Andréas K.LeF

mB Andréas K.LeF

  • 1,244 Points 1k badge 2x thumb
no thanks for reporting that bug! I had my doubts that it was a chrome thing anyways. Nice to know the chrome 50 release is only a few months away!
TODAY!!! Chrome 50 is out today!!:
 
(Edited)
Photo of mB Andréas K.LeF

mB Andréas K.LeF

  • 1,244 Points 1k badge 2x thumb
That bug had the tag Verified-50.0.2645.0 which has  lower version number than what I'm running (and what's show in my screenshot above) and the issue is still present  :(  @Ben?
(Edited)
Photo of mB Pat Vachon

mB Pat Vachon, Champion

  • 42,714 Points 20k badge 2x thumb
Just came across this as well. Ben? Any word on this?
Photo of mB Andréas K.LeF

mB Andréas K.LeF

  • 1,244 Points 1k badge 2x thumb
I fixed it!!!!!! The skuidbuilderstheme.css file needs the following change:
.nx-pagebuilder-propsidebar {
     overflow: scroll; /* Instead of overflow:auto */
}
I use a chrome/firefox extension called Stylish and have created a rule with the following regex expression to match on all builder pages and apply the above css :)
https?:\/\/\w+--skuid\.\w+\.visual\.force\.com\/apex\/PageBuilder\?.+
See the following video demonstration: