Ghost/ghost/admin/app/helpers/query-selector.js
Kevin Ansfield 018a4ec5e9 Migrated <GhUnsplash> to glimmer component
refs https://github.com/TryGhost/Ghost/issues/14101

- swapped use of `<LiquidWormhole>` to `{{#in-element}}` because we weren't animating anything
  - we can now use `{{css-transition}}` instead if we want to animate in the future
- swapped use of `ShortcutsMixin` for ember-keyboard's `{{on-key}}` modifier
- added `{{query-selector}}` helper so we can grab an element from inside the template rather than requiring a backing component function (used to pass the wormhole element to `{{#in-element}}`)
- added `{{on-resize}}` modifier so the `resizeDetector` service can be used directly from the template rather than requiring a backing component to wait for render and use query selectors to grab an element
2022-02-07 16:53:12 +00:00

10 lines
247 B
JavaScript

export default function (selector) {
const elem = document.querySelector(selector);
if (!elem) {
console.warn(`{{query-selector}} could not find an element matching "${selector}"`); //eslint-disable-line
}
return elem;
}