1087982499

Build Type

github

Committed by GitHub

Commit Message

<a href="https://github.com/sagalbot/vue-select/commit/<a class=hub.com/sagalbot/vue-select/commit/169027935e474d6a39f993b65b88ddd490b5f4d1">169027935<a href="https://github.com/sagalbot/vue-select/commit/169027935e474d6a39f993b65b88ddd490b5f4d1">">Merge </a><a class="double-link" href="https://github.com/sagalbot/vue-select/commit/<a class="double-link" href="https://github.com/sagalbot/vue-select/commit/180e09bd84c3f82088eae737dcab771845a35e19">180e09bd8</a>">180e09bd8</a><a href="https://github.com/sagalbot/vue-select/commit/169027935e474d6a39f993b65b88ddd490b5f4d1"> into a64ffc32d">a64ffc32d</a>

Pull Request Pull Request #1469: refactor: apply eslint fixes

Run Details

149 of 167 branches covered (89.22%)

208 of 208 new or added lines in 4 files covered. (100.0%)

205 of 223 relevant lines covered (91.93%)

60.44 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

78.26

/src/mixins/pointerScroll.js

export default {
  props: {
    autoscroll: {
      type: Boolean,
      default: true,
    },
  },

  watch: {
    typeAheadPointer() {
      if (this.autoscroll) {
        this.maybeAdjustScroll()
      }
    },
  },

  methods: {
    /**
     * Adjust the scroll position of the dropdown list
     * if the current pointer is outside of the
     * overflow bounds.
     * @returns {*}
     */
    maybeAdjustScroll() {
      const optionEl =
        this.$refs.dropdownMenu?.children[this.typeAheadPointer] || false

      if (optionEl) {
        const bounds = this.getDropdownViewport()
        const { top, bottom, height } = optionEl.getBoundingClientRect()

        if (top < bounds.top) {
          return (this.$refs.dropdownMenu.scrollTop = optionEl.offsetTop)
        } else if (bottom > bounds.bottom) {
          return (this.$refs.dropdownMenu.scrollTop =
            optionEl.offsetTop - (bounds.height - height))
        }
      }
    },

    /**
     * The currently viewable portion of the dropdownMenu.
     * @returns {{top: (string|*|number), bottom: *}}
     */
    getDropdownViewport() {
      return this.$refs.dropdownMenu
        ? this.$refs.dropdownMenu.getBoundingClientRect()
        : {
            height: 0,
            top: 0,
            bottom: 0,
          }
    },
  },
}

1	export default {
2	props: {
3	autoscroll: {
4	type: Boolean,
5	default: true,
6	},
7	},
8
9	watch: {
10	typeAheadPointer() {
11	if (this.autoscroll) {	50✔
12	this.maybeAdjustScroll()	48✔
13	}
14	},
15	},
16
17	methods: {
18	/**
19	* Adjust the scroll position of the dropdown list
20	* if the current pointer is outside of the
21	* overflow bounds.
22	* @returns {*}
23	*/
24	maybeAdjustScroll() {
25	const optionEl =
26	this.$refs.dropdownMenu?.children[this.typeAheadPointer] \|\| false	48✔
27
28	if (optionEl) {	48✔
29	const bounds = this.getDropdownViewport()	13✔
30	const { top, bottom, height } = optionEl.getBoundingClientRect()	13✔
31
32	if (top < bounds.top) {	13!
33	return (this.$refs.dropdownMenu.scrollTop = optionEl.offsetTop)	×
34	} else if (bottom > bounds.bottom) {	13!
35	return (this.$refs.dropdownMenu.scrollTop =	×
36	optionEl.offsetTop - (bounds.height - height))
37	}
38	}
39	},
40
41	/**
42	* The currently viewable portion of the dropdownMenu.
43	* @returns {{top: (string\|\|number), bottom: }}
44	*/
45	getDropdownViewport() {
46	return this.$refs.dropdownMenu	13!
47	? this.$refs.dropdownMenu.getBoundingClientRect()
48	: {
49	height: 0,
50	top: 0,
51	bottom: 0,
52	}
53	},
54	},
55	}

sagalbot / vue-select / 1087982499

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous