TextField selection ( dynamic )


#1

Hi. What’s about copy selected text ? In Desktop or mobile (long tap) - right click, no value copy appeared.

What can I do ?


#2

It should be possible to copy using keyboard shortcuts, or manually triggering the clipboard class, but the issue is that since it’s a simulated text input, it does not trigger the browser’s native right-click menu


#3

Its really bad news ((( is that planned in future builds?


#4

I’m not sure how we can solve this, but open to ideas.

The DOM target does support native text input, but HTML5 support for adding right-click context menu items was deprecated and is not support by anything but Firefox I think


#5

Ok in Desktop - we can use ctrl+c shortcut, but what about mobile? If no ideas its very bad for textBlock sites. How i can copy email for example or telephone number on mobile target without selection support? (html5 target)


#6

Open to ideas! A fake right-click menu is one idea, or maybe there are ways to trick the browser into thinking it’s editing a text field.


#7

This post provides a useful snippet that should do what you want. Its fallback plan (create a temporary text field and copy from there) is clunky but ought to work in any browser.

Either include that snippet in a separate .js file, or embed it as raw JavaScript. Then add a button to your app and run the snippet when the user clicks.


#8

I think, its possible copy to clipBoard by using Clipboard class without buttons and others, in my case, i want to show browser iteraction on textField. For example in Safari - tap two fingers - show native browser buttons : copy, edit, send, and select part of text. Or interesting fact - Chrome can translate page to u language, but in openfl - its impossible to do i think. So - the problem is CANVAS. Canvas is a GFX such as Bitmap layer, so all of assets inner makes as bitmap, i mean.


#9

Does your project work in -Ddom?


#10

no, in canvas mode. In dom many features works badly or never works;


#11

For example : I have a textField - width such as 200 px. has htmlText. In trace Dcanvas I see 200 px, but in Ddom 2267 px. Why&! and so on, dDom works with a lot of bugs


#12

PiratePig works fine, but I can’t promise DOM is perfect everywhere, it’s not heavily used, though we do use it for openfl.org/learn tutorials


#13

singmajesty - big stack of problem’s in DOM is - textField operation, and some in BitmapData operation, others features works fine. Actuate works, displaing DisplayObject works, coords, scale, and so on works fine, but textFields and BitmapData - bugged.

I can show example:

 this.addChild(this._tf1);
    		this._tf1.htmlText = "<font color='#990000'>" + headText.split(" ")[0] 
    		+ "</font><font color='#ff0000'> I </font><font color='#32ABAB'>" + headText.split(" ")[1] + "</font>";

-show me 2267 px width. The TF think width as HTMLtags as full of text in DOM, in Canvas - that ok