Jakub Strebeyko staff commented 6 years ago

Hi Shane, Welcome to the Support Board! What exactly do you mean by setting the cursor position? You could for example try to use the tabindex="1" attribute to focus on page load, but there are probably some more workarounds than this. Have you tried using this? With Best Regards, Kuba

Hi Shane, Welcome to the Support Board! What exactly do you mean by setting the cursor position? You could for example try to use the <code>tabindex="1"</code> attribute to focus on page load, but there are probably some more workarounds than this. Have you tried using <a href="https://codepen.io/chrisshaw/pen/yNOVaz" rel="nofollow">this</a>? With Best Regards, Kuba

Please insert min. 15 characters.

Publish

---

Shane West free commented 6 years ago

I'm trying to do basically what's in the example you posted in an md-textarea on 'focusin'. I'm replicating functionality from an old app where it puts the day's date before the rest of the text and places the cursor after it. Example: https://s9.postimg.cc/u9len1k7z/Capture.png  It works in Firefox but the cursor does not move in Chrome and IE. Here is the code I'm using: function setSelectionRange(input, selectionStart, selectionEnd) { if (input.setSelectionRange) { input.focus(); input.setSelectionRange(selectionStart, selectionEnd); } else if (input.createTextRange) { var range = input.createTextRange(); range.collapse(true); range.moveEnd('character', selectionEnd); range.moveStart('character', selectionStart); range.select(); } }

I'm trying to do basically what's in the example you posted in an md-textarea on 'focusin'. I'm replicating functionality from an old app where it puts the day's date before the rest of the text and places the cursor after it. Example: https://s9.postimg.cc/u9len1k7z/Capture.png  It works in Firefox but the cursor does not move in Chrome and IE. Here is the code I'm using: function setSelectionRange(input, selectionStart, selectionEnd) { if (input.setSelectionRange) { input.focus(); input.setSelectionRange(selectionStart, selectionEnd); } else if (input.createTextRange) { var range = input.createTextRange(); range.collapse(true); range.moveEnd('character', selectionEnd); range.moveStart('character', selectionStart); range.select(); } }

Please insert min. 15 characters.

Publish

---

Jakub Strebeyko staff commented 6 years ago

Hi there, Thanks for reaching out! Unfortunately, the example you posed gives back 403 Forbidden. It is the first time I hear about this problem - if it is a general JS methods browser compatibility issue (as opposed to directly MDB-related one), I would personally suggest seeking assistance in channels more often visited by wider developer community. Best, Kuba

Hi there, Thanks for reaching out! Unfortunately, the example you posed gives back 403 <em>Forbidden</em>. It is the first time I hear about this problem - if it is a general JS methods browser compatibility issue (as opposed to directly MDB-related one), I would personally suggest seeking assistance in channels more often visited by <a href="https://stackoverflow.com/" rel="nofollow">wider developer community</a>. Best, Kuba

Please insert min. 15 characters.

Publish

---

Shane West free commented 6 years ago

Sorry, used a bad link. https://imgur.com/7tviwlf It doesn't seem like a regular JS browser compatibility issue. The function works on regular inputs in all browsers. It works in Chrome in the example linked.

Sorry, used a bad link. https://imgur.com/7tviwlf It doesn't seem like a regular JS browser compatibility issue. The function works on regular inputs in all browsers. It works in Chrome in the example linked.

Please insert min. 15 characters.

Publish

---

Shane West free commented 6 years ago

Looks like it was a jQuery event hierarchy issue. Changing from .on('focus') to .on('click') seems to solve my issue. The linked function then works as intended. Thanks!

Looks like it was a jQuery event hierarchy issue. Changing from .on('focus') to .on('click') seems to solve my issue. The linked function then works as intended. Thanks!

Please insert min. 15 characters.

Publish

---