Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-02-24 23:48:13 -05:00
Code Issues Activity

Koenig - Allow clicks on rich-text captions to place cursor immediately

Browse source 
refs https://github.com/TryGhost/Ghost/issues/9724
- add a `data-kg-allow-clickthrough` attribute so that it's possible to explicitly allow non-input elements to be clicked immediately when clicking on a card
This commit is contained in:
Kevin Ansfield 2018-08-08 15:48:31 +01:00
parent fbcc320f54
commit fe13a46273
2 changed files with 5 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
ghost/admin/lib/koenig-editor/addon/components/koenig-card.js
View file

@ -152,7 +152,9 @@ export default Component.extend({
// immediately when clicked
let targetTagName = event.target.tagName;
let allowedTagNames = ['INPUT', 'TEXTAREA'];
if (!allowedTagNames.includes(targetTagName)) {
let allowClickthrough = !!event.target.closest('[data-kg-allow-clickthrough]');
console.log('allowClickthrough', allowClickthrough);
if (!allowedTagNames.includes(targetTagName) && !allowClickthrough) {
event.preventDefault();
}

3
ghost/admin/lib/koenig-editor/addon/templates/components/koenig-basic-html-input.hbs
View file

@ -1,8 +1,9 @@
<div class="koenig-basic-html-input__editor-wrappper">
<div class="koenig-basic-html-input__editor-wrappper" style="cursor: text">
<div
class="koenig-basic-html-input__editor"
data-gramm="false"
data-kg="editor"
data-kg-allow-clickthrough
data-placeholder={{placeholder}}
></div>
</div>