</div>
<div class="field content" data-loading="{{.i18n.Tr "loading"}}">
<div class="ui bottom active tab" data-tab="write">
- <textarea class="js-quick-submit" id="edit_area" name="content" data-id="wiki-{{.title}}" data-url="{{.Repository.APIURL}}/markdown" data-context="{{.RepoLink}}" required>{{if .PageIsWikiEdit}}{{.content}}{{else}}{{.i18n.Tr "repo.wiki.welcome"}}{{end}}</textarea>
+ <textarea class="js-quick-submit" id="edit_area" name="content" data-id="wiki-{{.title}}" data-url="{{.Repository.APIURL}}/markdown" data-context="{{.RepoLink}}">{{if .PageIsWikiEdit}}{{.content}}{{else}}{{.i18n.Tr "repo.wiki.welcome"}}{{end}}</textarea>
</div>
</div>
<div class="field">
let sideBySideChanges = 0;
let sideBySideTimeout = null;
let hasSimpleMDE = true;
+
if ($editArea.length > 0) {
+ const $form = $('.repository.wiki.new .ui.form');
const simplemde = new SimpleMDE({
autoDownloadFontAwesome: false,
element: $editArea[0],
action(e) {
e.toTextArea();
hasSimpleMDE = false;
- const $form = $('.repository.wiki.new .ui.form');
const $root = $form.find('.field.content');
const loading = $root.data('loading');
$root.append(`<div class="ui bottom tab markup" data-tab="preview">${loading}</div>`);
},
]
});
- $(simplemde.codemirror.getInputField()).addClass('js-quick-submit');
+
+ const $markdownEditorTextArea = $(simplemde.codemirror.getInputField());
+ $markdownEditorTextArea.addClass('js-quick-submit');
+
+ $form.on('submit', function (e) {
+ // The original edit area HTML element is hidden and replaced by the
+ // SimpleMDE editor, breaking HTML5 input validation if the text area is empty.
+ // This is a workaround for this upstream bug.
+ // See https://github.com/sparksuite/simplemde-markdown-editor/issues/324
+ const input = $editArea.val();
+ if (!input.length) {
+ e.preventDefault();
+ $markdownEditorTextArea.prop('required', true);
+ this.reportValidity();
+ } else {
+ $markdownEditorTextArea.prop('required', false);
+ }
+ });
setTimeout(() => {
const $bEdit = $('.repository.wiki.new .previewtabs a[data-tab="write"]');