superfish icon indicating copy to clipboard operation
superfish copied to clipboard

Superfish slim

Open ghost opened this issue 7 years ago • 2 comments

Bootstrap 4 is targeting jQuery slim. I'm sure many would enjoy using this mighty fine plug-in on their future websites.

Refactoring considerations:

  • Slim does not provide $.animate, need to switch to CSS3 animation
  • Polyfill for upgrading jQ to CSS animations for modern browsers (potential CSS3 stop gap) https://github.com/rstacruz/jquery.transit
  • It would be interesting to investigate some kind of use or extension of Tether and/or Drop
  • And a healthy dose of inspiration: https://codyhouse.co/gem/stripe-navigation/
  • A flex-flow: column wrap gotcha to watch out for if flexbox is used (plus other bugs and workarounds)
  • Might be a good time to rename the dist files to make it clear this is a jQuery plugin, and not a piece of malware (no name change needed): https://github.com/joeldbirch/superfish/issues/134

ghost avatar Mar 20 '17 07:03 ghost

All good suggestions, thanks! I'll refer to this when I refactor.

I'm more inclined to do a no-dependency version of Superfish, really. I've been waiting for browser support to improve and if Bootstrap 4 is happy enough to rely on Slim.js, which appears to only supports IE11+, then maybe the time is nigh.

joeldbirch avatar Mar 20 '17 07:03 joeldbirch

@joeldbirch going jQuery free would be delightful, and a good opportunity to bake in or build upon a vanilla roll of hoverIntent. I looked around yesterday and there's a jQ-free version of HI but it does not support event delegation as an FYI.

ghost avatar Mar 20 '17 07:03 ghost