Ben Nadel

Recent Blog Comments By Ben Nadel

• Using CSS Overscroll-Behavior To Prevent Scrolling Of Parent Containers From Within Overflow Containers

  Posted on Sep 19, 2019 at 8:16 AM

  @Chris, 1000% :D I already deployed a change yesterday with this update. Loving it.... read more »

• Trapping The Wheel Event May Prevent Chrome Browser Bug In Which The Scroll Wheel Stops Working In Overflow Container

  Posted on Sep 18, 2019 at 7:42 AM

  @All, Quick follow-up, it looks like this can be much more easily solved using a CSS property called overscroll-behavior : https://www.bennadel.com/blog/3698-using-css-overscroll-behavior-to-prevent-scrolling-of-parent-containers-from-within-overflow-containers.htm I just learned abo... read more »

• Chrome Browser Bug: Scroll Wheel Randomly Stops Working In Overflow Container

  Posted on Sep 18, 2019 at 7:41 AM

  @Derek, This morning, I did a little experimentation with the overscroll-behavior CSS property: https://www.bennadel.com/blog/3698-using-css-overscroll-behavior-to-prevent-scrolling-of-parent-containers-from-within-overflow-containers.htm This is awesome ! Thank you so much for point... read more »

• Using Dynamic Template-Driven Forms In Angular 7.2.7

  Posted on Sep 17, 2019 at 8:20 AM

  @Dilip, Woot woot! Glad to have been helpful :D... read more »

• Chrome Browser Bug: Scroll Wheel Randomly Stops Working In Overflow Container

  Posted on Sep 17, 2019 at 7:54 AM

  @Derek, OH CHICKENS! This is awesome !! It's not in all the browsers; but it's in Chrome and Firefox! I will definitely be playing around with this a bit more. Outstanding :D... read more »

• Trying To Find My Preferred Format For Method Annotations In Lucee 5.3.2.77

  Posted on Sep 17, 2019 at 7:51 AM

  @Julian, Ah, very good point! So, in most cases, I won't have any annotation -- noice! The one that really go me thinking about all of this was the cachedWithin , which I've started to use in some experimentation.... read more »

• Anchor Tags Can Contain Block-Level Elements As Of HTML5

  Posted on Sep 17, 2019 at 7:46 AM

  @Sean, That's very interesting. I'm relatively new to thinking about accessability at this level. I will give your link a reading. I am wondering if we could perhaps using something like title to override the contents? Just thinking out-loud. I also see that there is a book by the author... read more »

• Anchor Tags Can Contain Block-Level Elements As Of HTML5

  Posted on Sep 17, 2019 at 7:42 AM

  @Claudia, I suppose that block-level elements are not arbitrarily exchangeable. Just because an Anchor tag can now contain block-level elements, I don't think that it means an Anchor can go anywhere.... read more »

• Showing A Loading Indicator For Lazy-Loaded Route Modules In Angular 6.1.7

  Posted on Sep 17, 2019 at 7:39 AM

  @Alex, Awesome, I'm glad you found this helpful :D... read more »

• Experimenting With Lazy Loaded Modules, Ahead Of Time (AoT) Compiling, And Webpack 4 In Angular 6.1.7

  Posted on Sep 17, 2019 at 7:38 AM

  @Rajath, That's really strange. I can't think of a reason why it would work for navigation, but not for Browser refresh. Could you possibly have some sort of Route Guard that is preventing a path from being rendered? To be honest, the inner workings of the lazy-loading are a complete m... read more »

• Immediately Invoked Function Expressions (IIFE) Work In Lucee 5.3.2.77

  Posted on Sep 14, 2019 at 8:09 AM

  @All, As a small follow-up to this, the cachedWithin function memoization also works with these IIFEs: https://www.bennadel.com/blog/3697-using-an-immediately-invoked-function-expression-iife-and-cachedwithin-to-easily-cache-steps-in-a-procedural-script-in-lucee-5-3-2-77.htm I used th... read more »

• Anchor Tags Can Contain Block-Level Elements As Of HTML5

  Posted on Sep 6, 2019 at 10:28 AM

  @Samiullah, It's a group effort to learn all this stuff, am I right?! Too much for any one person to keep in their head, by far!... read more »

• Locating LaunchDarkly Feature Flag References In Your Application Code In Lucee 5.3.2.77

  Posted on Sep 6, 2019 at 10:21 AM

  @All, One of my fellow InVisioneers, Jason LeMoine, pointed out that LaunchDarkly does have a code-integration feature: https://docs.launchdarkly.com/docs/git-code-references From the docs: The Git code references feature allows you to find source code references to your featu... read more »

• Anchor Tags Can Contain Block-Level Elements As Of HTML5

  Posted on Sep 4, 2019 at 5:09 PM

  @Stephan, That's a really good catch / point! My primary use-case for something like this is probably going to be in a list-item scenario like: <li> <a href="#"> <div class="some-blocky-thing"> <!-- ... --> </div> </a> </li&g... read more »

• Double-Parentheses ()() Requires Too Much Cognitive Load For My Brain

  Posted on Sep 2, 2019 at 2:51 PM

  @Toby, If you're stupid, then at least you're in good company :D :D :D... read more »

• Sanity Check: Chrome 63 Still Causes Blurry Borders With Percentage-Based CSS Translation

  Posted on Sep 2, 2019 at 2:50 PM

  @MiChAeLoKGB, That's an interesting idea. If this were an Angular context, I could see putting something like that as an Attribute Directive right no the modal to perform the calculations in the background.... read more »

• Sanity Check: Chrome 63 Still Causes Blurry Borders With Percentage-Based CSS Translation

  Posted on Sep 2, 2019 at 2:49 PM

  @JJ, I've never heard of backface-visibility before. Looking it up on MDN, it's a curious property.... read more »

• Sanity Check: Chrome 63 Still Causes Blurry Borders With Percentage-Based CSS Translation

  Posted on Sep 2, 2019 at 2:47 PM

  @Kat, Another thing that I've become a huge fan of lately is using flexbox to center things. If you have a flex container, and the item inside it has margin:auto , then it will be centered vertically and horizontally. So, imagine that I had something like this: <style type="... read more »

• Using Dynamic Template-Driven Forms In Angular 7.2.7

  Posted on Sep 2, 2019 at 2:35 PM

  @Dilip, When showing the headers at the top, the idea is fundamentally the same. The only difference would be that you would have some additional row at the top that would replace and / or augment the row-level placeholder / labels. This could be as old-school (and still very valid) as usi... read more »

• Binding RxJS Observable Sources Outside Of The NgZone In Angular 6.0.2

  Posted on Sep 2, 2019 at 2:27 PM

  @Hassam, Oh, that's an interesting idea. To be clear - and make sure I understand what you mean - you're saying that because the cdrRun() method is being executed as part of the View template, it is, by definition, called every time change-detection is run for that View. That's very clev... read more »