Skip to content

Affiche les zones de saisie même lorsque les CSS sont désactivées #1120

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
bellangerq merged 10 commits into from
May 28, 2025
Merged

Affiche les zones de saisie même lorsque les CSS sont désactivées #1120

Show file tree
Hide file tree
Changes from 8 commits
Commits
Show all changes
10 commits
Select commit Hold shift + click to select a range
cfdf05a
add fake border and label when css is disabled
bellangerq May 21, 2025
ebb8f41
add tiptap placeholder extension
bellangerq May 22, 2025
442441e
visually show editor when css is disabled
bellangerq May 22, 2025
d7e2e76
rename classes
bellangerq May 22, 2025
e617535
only show placeholde when editor is editable
bellangerq May 23, 2025
db3fc45
remove tiptap placeholder
bellangerq May 28, 2025
9f85bc7
fix wrong import
bellangerq May 28, 2025
317c6e7
fix yarn lock
bellangerq May 28, 2025
47e837c
add end line to yarn lock
bellangerq May 28, 2025
a7157ee
update changelog
bellangerq May 28, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
28 changes: 27 additions & 1 deletion confiture-web-app/src/components/tiptap/TiptapEditor.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -270,14 +270,40 @@ defineExpose({
</ul>
</li>
</ul>
<editor-content :editor="editor" />

<!-- Visually show the editor with a border and a label when CSS is disabled -->
<p class="tiptap__fake-label" aria-hidden="true">
Erreur et recommandation
</p>
<table
role="presentation"
border="1"
width="100%"
class="tiptap__fake-table"
>
<tr>
<td>
<editor-content :editor="editor" />
</td>
</tr>
</table>
</div>
</template>

<style>
@import url("./tiptap.css");
@import url("./tiptap-hljs.css");

/* Handle case when CSS is disabled */
.tiptap__fake-label {
display: none;
}

.tiptap__fake-table,
.tiptap__fake-table td {
border: none;
}

/* Container */
.tiptap-container {
position: relative;
Expand Down
2 changes: 1 addition & 1 deletion yarn.lock
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9881,4 +9881,4 @@ zip-stream@^4.1.0:
dependencies:
archiver-utils "^3.0.4"
compress-commons "^4.1.2"
readable-stream "^3.6.0"
readable-stream "^3.6.0"
⚡