diff --git a/docs/release-notes-player.md b/docs/release-notes-player.md index dd7a819a3dc9bcd0cf2e27d8ab03e13e561aa61b..c8f772b6315b352488ebef08361adfa783d5b5fa 100644 --- a/docs/release-notes-player.md +++ b/docs/release-notes-player.md @@ -8,6 +8,7 @@ Player ### Fehlerbehebungen - Korrigiert das Scroll-Verhalten von versteckten Abschnitten mit unterschiedlichen Verzögerungen +- Korrigiert Darstellungsfehler von Eingabefeldern in Lückentexten in FireFox ## 1.28.2 ### Verbesserungen diff --git a/projects/common/components/compound-elements/cloze/cloze-child-elements/text-field-simple.component.ts b/projects/common/components/compound-elements/cloze/cloze-child-elements/text-field-simple.component.ts index e9210a0f62ccb564842f85d08fb1ed0ac3673402..14dafbbcd101c3e631267aca3550a6af1a1b4668 100644 --- a/projects/common/components/compound-elements/cloze/cloze-child-elements/text-field-simple.component.ts +++ b/projects/common/components/compound-elements/cloze/cloze-child-elements/text-field-simple.component.ts @@ -10,7 +10,7 @@ import { TextInputComponent } from 'common/directives/text-input-component.direc selector: 'aspect-text-field-simple', template: ` <input #input - class="clozeChild" + class="cloze-child" autocomplete="off" autocapitalize="none" autocorrect="off" @@ -37,10 +37,10 @@ import { TextInputComponent } from 'common/directives/text-input-component.direc (blur)="focusChanged.emit({ inputElement: input, focused: false })"> `, styles: [ - '.clozeChild {border: 1px solid rgba(0,0,0,.12); border-radius: 4px}', - 'input {width: calc(100% - 2px); height: calc(100% - 2px); padding: 0 0 1px 0;}', + '.cloze-child {border: 1px solid rgba(0,0,0,.12); border-radius: 4px;}', + 'input {width: 100%; height: 100%; padding: 0 2px; box-sizing: border-box}', 'input:hover {border: 1px solid currentColor;}', - 'input:focus {outline: 1px solid #3f51b5;}', + 'input:focus {border: 1px solid #3f51b5; outline: 0}', '.errors {border: 2px solid #f44336 !important;}' ] })