+9
-14
lines changedFilter options
+9
-14
lines changed Original file line number Diff line number Diff line change
@@ -9,6 +9,14 @@
9 9
height: auto;
10 10
width: auto;
11 11
}
12 + 13 +
@at-root {
14 +
// Prevent the buttons from reversing order on in horizontal RTL mode
15 +
[dir="rtl"] &:not(.flex-column),
16 +
&[dir="rtl"]:not(.flex-column) {
17 +
flex-direction: row-reverse;
18 +
}
19 +
}
12 20 13 21
output {
14 22
font-size: inherit;
@@ -546,10 +546,7 @@ export const BFormSpinbutton = /*#__PURE__*/ Vue.extend({
546 546
...this.$attrs,
547 547
role: 'group',
548 548
lang: this.computedLocale,
549 -
tabindex: isDisabled ? null : '-1',
550 -
// We want to keep the order of the buttons regardless
551 -
// of locale (flex will re-order based on rtl/ltr)
552 -
dir: 'ltr'
549 +
tabindex: isDisabled ? null : '-1'
553 550
},
554 551
on: {
555 552
keydown: this.onKeydown,
@@ -17,8 +17,6 @@ describe('form-spinbutton', () => {
17 17
expect(wrapper.classes()).toContain('align-items-stretch')
18 18
expect(wrapper.attributes('role')).toEqual('group')
19 19
expect(wrapper.attributes('tabindex')).toEqual('-1')
20 -
// We always have LTR to ensure the flex order stays ltr
21 -
expect(wrapper.attributes('dir')).toEqual('ltr')
22 20 23 21
// Should have 3 child elements (btn, output, btn)
24 22
expect(wrapper.findAll('.b-form-spinbutton > *').length).toBe(3)
@@ -77,8 +75,6 @@ describe('form-spinbutton', () => {
77 75
expect(wrapper.classes()).toContain('align-items-stretch')
78 76
expect(wrapper.attributes('role')).toEqual('group')
79 77
expect(wrapper.attributes('tabindex')).toEqual('-1')
80 -
// We always have LTR to ensure the flex order stays ltr
81 -
expect(wrapper.attributes('dir')).toEqual('ltr')
82 78 83 79
// Should have 3 child elements (btn, output, btn)
84 80
expect(wrapper.findAll('.b-form-spinbutton > *').length).toBe(3)
@@ -136,8 +132,6 @@ describe('form-spinbutton', () => {
136 132
expect(wrapper.classes()).toContain('align-items-stretch')
137 133
expect(wrapper.attributes('role')).toEqual('group')
138 134
expect(wrapper.attributes('tabindex')).toEqual('-1')
139 -
// We always have LTR to ensure the flex order stays ltr
140 -
expect(wrapper.attributes('dir')).toEqual('ltr')
141 135 142 136
// Should have 3 child elements (btn, output, btn)
143 137
expect(wrapper.findAll('.b-form-spinbutton > *').length).toBe(3)
@@ -187,8 +181,6 @@ describe('form-spinbutton', () => {
187 181
expect(wrapper.classes()).not.toContain('align-items-stretch')
188 182
expect(wrapper.attributes('role')).toEqual('group')
189 183
expect(wrapper.attributes('tabindex')).toEqual('-1')
190 -
// We always have LTR to ensure the flex order stays ltr
191 -
expect(wrapper.attributes('dir')).toEqual('ltr')
192 184 193 185
// Should have 3 child elements (btn, output, btn)
194 186
expect(wrapper.findAll('.b-form-spinbutton > *').length).toBe(3)
@@ -774,8 +766,6 @@ describe('form-spinbutton', () => {
774 766
expect(wrapper.classes()).not.toContain('focus')
775 767
expect(wrapper.attributes('role')).toEqual('group')
776 768
expect(wrapper.attributes('tabindex')).toEqual('-1')
777 -
// We always have LTR to ensure the flex order stays ltr
778 -
expect(wrapper.attributes('dir')).toEqual('ltr')
779 769 780 770
const $output = wrapper.find('output')
781 771
expect($output.exists()).toBe(true)
You can’t perform that action at this time.
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4