@byu-oit/vue-decision-processing-components 8.26.0 → 8.26.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -2,6 +2,13 @@
2
2
 
3
3
  All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
4
4
 
5
+ ### [8.26.1](https://github.com/byu-oit/vue-decision-processing-components/compare/v8.26.0...v8.26.1) (2022-06-03)
6
+
7
+
8
+ ### Bug Fixes
9
+
10
+ * scroll flicker ([3614ced](https://github.com/byu-oit/vue-decision-processing-components/commit/3614ced02822db8e9d6d97b6df0910e1d25a0484))
11
+
5
12
  ## [8.26.0](https://github.com/byu-oit/vue-decision-processing-components/compare/v8.25.4...v8.26.0) (2022-06-03)
6
13
 
7
14
 
package/DetailsHeader.vue CHANGED
@@ -83,6 +83,9 @@ export default {
83
83
  data () {
84
84
  return {
85
85
  compact: false,
86
+ justShrank: false,
87
+ shrinkYLimit: 0,
88
+ justGrew: false,
86
89
  hovering: false
87
90
  }
88
91
  },
@@ -112,15 +115,34 @@ export default {
112
115
  flagState: userFlagSet ? 'clear' : 'set'
113
116
  })
114
117
  },
115
- handleScroll (event) {
118
+ handleScroll () {
116
119
  if (!this.hovering) {
117
120
  const containerElem = this.$refs.container
118
121
  const containerTopY = containerElem.getBoundingClientRect().top
119
122
  // Prevent flickering when just over the scroll threshold
123
+ if (this.justShrank) {
124
+ if (containerTopY > 0) {
125
+ this.shrinkYLimit = containerTopY
126
+ this.justShrank = false
127
+ }
128
+ } else if (containerTopY < this.shrinkYLimit) {
129
+ this.shrinkYLimit = containerTopY
130
+ }
131
+ if (this.justGrew) {
132
+ if (containerTopY > 0) {
133
+ this.justGrew = false
134
+ }
135
+ }
120
136
  if (this.compact) {
121
- this.compact = containerTopY < 50
137
+ if (containerTopY > this.shrinkYLimit) {
138
+ this.compact = false
139
+ this.justGrew = true
140
+ }
122
141
  } else {
123
- this.compact = containerTopY <= 0
142
+ if (!this.justGrew && containerTopY <= 0) {
143
+ this.justShrank = true
144
+ this.compact = true
145
+ }
124
146
  }
125
147
  }
126
148
  },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@byu-oit/vue-decision-processing-components",
3
- "version": "8.26.0",
3
+ "version": "8.26.1",
4
4
  "description": "Vue components shared between decision processing systems for the CES schools.",
5
5
  "dependencies": {
6
6
  "@fortawesome/fontawesome-free": "^5.15.4",