Hi Loïc,

About your workaround, why don't you simply create a Group having 1px margins—this depends on the stroke weight you need—and the desired background color, then add the EditText field within?

@+

Marc

Hi Loïc,

Yes, it's a Mac thing. On Mac OS, the EditText widget is subject to a specific focus ring wich automatically allocates 2 or 3 additional transparent pixels all around the field! Hence, if the control is nested within a background-colored group, that color is revealed through this additional space.

From that point you need to apply two fixes:

(1) create a white subgroup between the outer group and the EditText to make sure that the revealed background fits the EditText background;

(2) make the EditText borderless to inhibits its own stroke.

Now to the code:

// ScriptUI EditText with custom border (Win & Mac)
// ========================== 
 
var STROKE_COLOR = [1,0,0],    // red
    STROKE_WEIGHT = 1,        // in pixels
    FILL_COLOR = [1,1,1],    // white
    INSET_SPACE = 3;        // in pixels -- Mac OS focus ring needs it >=3
 
var u,
    w = new Window('dialog'),
    // ---
    gBorder = w.add('panel').add('group'),
    gSpacer = gBorder.add('group'),
    e = gSpacer.add('edittext', u, u, {borderless:true}),
    // ---
    bCancel = w.add('button', u, "Cancel"),
    // ---
    gx = w.graphics,
    SOLID_BRUSH = gx.BrushType.SOLID_COLOR;
 
// Edit field settings
// ---
e.characters = 12;
gBorder.margins = STROKE_WEIGHT;
gBorder.graphics.backgroundColor = gx.newBrush(SOLID_BRUSH, STROKE_COLOR );
gSpacer.margins = INSET_SPACE;
gSpacer.graphics.backgroundColor  = e.graphics.backgroundColor = gx.newBrush(SOLID_BRUSH, FILL_COLOR );
 
w.show();

Hope that works.

@+

Marc