Skip to content

Commit

Permalink
Add not-focusable buttons inside step input
Browse files Browse the repository at this point in the history
  • Loading branch information
@JKMarkowski
JKMarkowski committed May 15, 2020
1 parent 97a6fea commit d51059d
Showing 1 changed file with 32 additions and 32 deletions.
64 changes: 32 additions & 32 deletions docs/pages/components/step-input.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -37,7 +37,7 @@ On smartphones and tablets, the step input is shown in cozy mode (default).
fd-step-input__button
sap-icon--less"
onclick="stepInputValue('step-3', 'down');"
type="button">
tabindex="-1" type="button">
</button>
<input class="
fd-input
Expand All @@ -50,7 +50,7 @@ On smartphones and tablets, the step input is shown in cozy mode (default).
fd-step-input__button
sap-icon--add"
onclick="stepInputValue('step-3', 'up');"
type="button">
tabindex="-1" type="button">
</button>
</div>
<br><br>
Expand All @@ -63,7 +63,7 @@ On smartphones and tablets, the step input is shown in cozy mode (default).
fd-step-input__button
sap-icon--less"
onclick="stepInputValue('step-4', 'down');"
type="button">
tabindex="-1" type="button">
</button>
<input class="
fd-input
Expand All @@ -76,7 +76,7 @@ On smartphones and tablets, the step input is shown in cozy mode (default).
fd-step-input__button
sap-icon--add"
onclick="stepInputValue('step-4', 'up');"
type="button">
tabindex="-1" type="button">
</button>
</div>

Expand All @@ -99,7 +99,7 @@ It can be achieved by adding the `--compact` modifier to the main element as wel
fd-step-input__button
sap-icon--less"
onclick="stepInputValue('step-1', 'down');"
type="button">
tabindex="-1" type="button">
</button>
<input class="
fd-input
Expand All @@ -114,7 +114,7 @@ It can be achieved by adding the `--compact` modifier to the main element as wel
fd-step-input__button
sap-icon--add"
onclick="stepInputValue('step-1', 'up');"
type="button">
tabindex="-1" type="button">
</button>
</div>
<span class="fd-form-label fd-form-label--unit-description">PC</span>
Expand All @@ -130,7 +130,7 @@ It can be achieved by adding the `--compact` modifier to the main element as wel
fd-step-input__button
sap-icon--less"
onclick="stepInputValue('step-2', 'down');"
type="button">
tabindex="-1" type="button">
</button>
<input class="
fd-input
Expand All @@ -145,7 +145,7 @@ It can be achieved by adding the `--compact` modifier to the main element as wel
fd-step-input__button
sap-icon--add"
onclick="stepInputValue('step-2', 'up');"
type="button">
tabindex="-1" type="button">
</button>
</div>
<span class="fd-form-label fd-form-label--unit-description">PC</span>
Expand All @@ -165,7 +165,7 @@ To make focus work on IE11, it should be added by putting `.is-focus` class to c
fd-step-input__button
sap-icon--less"
onclick="stepInputValue('step-20', 'down');"
type="button">
tabindex="-1" type="button">
</button>
<input class="
fd-input
Expand All @@ -178,7 +178,7 @@ To make focus work on IE11, it should be added by putting `.is-focus` class to c
fd-step-input__button
sap-icon--add"
onclick="stepInputValue('step-20', 'up');"
type="button">
tabindex="-1" type="button">
</button>
</div>
<br><br>
Expand All @@ -191,7 +191,7 @@ To make focus work on IE11, it should be added by putting `.is-focus` class to c
fd-step-input__button
sap-icon--less"
onclick="stepInputValue('step-21', 'down');"
type="button">
tabindex="-1" type="button">
</button>
<input class="
fd-input
Expand All @@ -204,7 +204,7 @@ To make focus work on IE11, it should be added by putting `.is-focus` class to c
fd-step-input__button
sap-icon--add"
onclick="stepInputValue('step-21', 'up');"
type="button">
tabindex="-1" type="button">
</button>
</div>

Expand All @@ -227,7 +227,7 @@ The semantic states can be customized by adding the `is-error` | `is-success` |
fd-step-input__button
sap-icon--less"
onclick="stepInputValue('step-5', 'down');"
type="button">
tabindex="-1" type="button">
</button>
<input class="
fd-input
Expand All @@ -240,7 +240,7 @@ The semantic states can be customized by adding the `is-error` | `is-success` |
fd-step-input__button
sap-icon--add"
onclick="stepInputValue('step-5', 'up');"
type="button">
tabindex="-1" type="button">
</button>
</div>

Expand All @@ -253,7 +253,7 @@ The semantic states can be customized by adding the `is-error` | `is-success` |
fd-step-input__button
sap-icon--less"
onclick="stepInputValue('step-6', 'down');"
type="button">
tabindex="-1" type="button">
</button>
<input class="
fd-input
Expand All @@ -266,7 +266,7 @@ The semantic states can be customized by adding the `is-error` | `is-success` |
fd-step-input__button
sap-icon--add"
onclick="stepInputValue('step-6', 'up');"
type="button">
tabindex="-1" type="button">
</button>
</div>
<br><br>
Expand All @@ -278,7 +278,7 @@ The semantic states can be customized by adding the `is-error` | `is-success` |
fd-step-input__button
sap-icon--less"
onclick="stepInputValue('step-7', 'down');"
type="button">
tabindex="-1" type="button">
</button>
<input class="
fd-input
Expand All @@ -291,7 +291,7 @@ The semantic states can be customized by adding the `is-error` | `is-success` |
fd-step-input__button
sap-icon--add"
onclick="stepInputValue('step-7', 'up');"
type="button">
tabindex="-1" type="button">
</button>
</div>

Expand All @@ -305,7 +305,7 @@ The semantic states can be customized by adding the `is-error` | `is-success` |
fd-step-input__button
sap-icon--less"
onclick="stepInputValue('step-8', 'down');"
type="button">
tabindex="-1" type="button">
</button>
<input class="
fd-input
Expand All @@ -318,7 +318,7 @@ The semantic states can be customized by adding the `is-error` | `is-success` |
fd-step-input__button
sap-icon--add"
onclick="stepInputValue('step-8', 'up');"
type="button">
tabindex="-1" type="button">
</button>
</div>

Expand All @@ -335,7 +335,7 @@ The semantic states can be customized by adding the `is-error` | `is-success` |
fd-step-input__button
sap-icon--less"
onclick="stepInputValue('step-9', 'down');"
type="button">
tabindex="-1" type="button">
</button>
<input class="
fd-input
Expand All @@ -350,7 +350,7 @@ The semantic states can be customized by adding the `is-error` | `is-success` |
fd-step-input__button
sap-icon--add"
onclick="stepInputValue('step-9', 'up');"
type="button">
tabindex="-1" type="button">
</button>
</div>

Expand All @@ -367,7 +367,7 @@ The semantic states can be customized by adding the `is-error` | `is-success` |
fd-step-input__button
sap-icon--less"
onclick="stepInputValue('step-10', 'down');"
type="button">
tabindex="-1" type="button">
</button>
<input class="
fd-input
Expand All @@ -382,7 +382,7 @@ The semantic states can be customized by adding the `is-error` | `is-success` |
fd-step-input__button
sap-icon--add"
onclick="stepInputValue('step-10', 'up');"
type="button">
tabindex="-1" type="button">
</button>
</div>

Expand All @@ -399,7 +399,7 @@ The semantic states can be customized by adding the `is-error` | `is-success` |
fd-step-input__button
sap-icon--less"
onclick="stepInputValue('step-11', 'down');"
type="button">
tabindex="-1" type="button">
</button>
<input class="
fd-input
Expand All @@ -414,7 +414,7 @@ The semantic states can be customized by adding the `is-error` | `is-success` |
fd-step-input__button
sap-icon--add"
onclick="stepInputValue('step-11', 'up');"
type="button">
tabindex="-1" type="button">
</button>
</div>

Expand All @@ -431,7 +431,7 @@ The semantic states can be customized by adding the `is-error` | `is-success` |
fd-step-input__button
sap-icon--less"
onclick="stepInputValue('step-12', 'down');"
type="button">
tabindex="-1" type="button">
</button>
<input class="
fd-input
Expand All @@ -446,7 +446,7 @@ The semantic states can be customized by adding the `is-error` | `is-success` |
fd-step-input__button
sap-icon--add"
onclick="stepInputValue('step-12', 'up');"
type="button">
tabindex="-1" type="button">
</button>
</div>

Expand All @@ -466,7 +466,7 @@ The semantic states can be customized by adding the `is-error` | `is-success` |
fd-step-input__button
sap-icon--less"
onclick="stepInputValue('step-13', 'down');"
type="button">
tabindex="-1" type="button">
</button>
<input class="
fd-input
Expand All @@ -479,7 +479,7 @@ The semantic states can be customized by adding the `is-error` | `is-success` |
fd-step-input__button
sap-icon--add"
onclick="stepInputValue('step-13', 'up');"
type="button">
tabindex="-1" type="button">
</button>
</div>

Expand All @@ -495,7 +495,7 @@ The semantic states can be customized by adding the `is-error` | `is-success` |
fd-step-input__button
sap-icon--less"
onclick="stepInputValue('step-14', 'down');"
type="button">
tabindex="-1" type="button">
</button>
<input class="
fd-input
Expand All @@ -508,7 +508,7 @@ The semantic states can be customized by adding the `is-error` | `is-success` |
fd-step-input__button
sap-icon--add"
onclick="stepInputValue('step-14', 'up');"
type="button">
tabindex="-1" type="button">
</button>
</div>

Expand Down

0 comments on commit d51059d

Please sign in to comment.