@odopod/odo-dropdown

Odo Dropdown

Custom dropdown component that defaults to native select elements on touch devices.

Install

npm install @odopod/odo-dropdown --save

Quick Start

import OdoDropdown from '@odopod/odo-dropdown';

const dropdown = new OdoDropdown(document.getElementById('my-dropdown'));

Documentation

Visit the Odo component directory for demos, code examples, and documentation.

Changelog

Helpers [2.0.0] - 2018-02-12

Removed

• Polyfills (Element#closest Element#matches, requestAnimationFrame).
• animation.fadeElement is now private.
• array.getLongestString. Not used in anything we (odopod) do.
• device.getTranslate.
• dom.getFirstElementChild. Use element.firstElementChild instead.
• dom.getChildren. Use Array.from(element.children) instead.
• math.getAugmentedRect. The Rect class now includes right and bottom (getter) properties.
• style.getWindowHeight. Was only an alias for window.innerHeight.

Changed

• Helpers are no longer prefixed to a category object. Every helper is exported from the main entry point. This is a huge win for bundlers which can determine which exports are unused and remove them. To use onTransitionEnd, for example, you now need to import it like this:

  import { onTransitionEnd } from '@odopod/odo-helpers';
  

• All function names remain the same except:
  • animation.Stepper => Stepper
  • animation.Classes => animationClasses
  • array.remove => pull
  • string.random => randomString