got it! Its something to do with scaled images + cliprect

so, yeah, seems like it is the same issue as this: https://github.com/HaxeFlixel/flixel/issues/2301

Yeah, when you posted that issue, I imagine it could have some relation to that... I mentioned it here

I'm working on isolating the image/tabview ones now

i had a look at flixel to try and fix (or even understand) the clip rect issue, but after an hour or two i got nowhere, and was mostly just trying random things since i dont really understand how the frames are clipped in the first place

@User I tried the code from your issues/2301. I turned off the cliprect and noticed that the TextField moves! (relatively to the the Bitmap) when the scale is changed. the more you scale the more it moves .. I tried using another bitmap instead of FlxText but the same thing happens.. So maybe the problem might not be in the cliprect part..

i think there is something off with the cliprect also though, no? Maybe im not following... but the behavior of scroll rects with scales seems quite different

Oh yes could be something with cliprect as well .. I was suprised to see things move when scaling, even without the cliprect. So I thought maybe it’s clipping each element separately. But because they are offset somehow when scaling you get the weird effect

Is it possible to create a modal dialog without a close button?

I want to display the dialog stopping the user from interacting with anything while some computation finishes in another thread

@User -

.closable

i think is the prop

Perfect! Thanks!

I'm trying to create a custom module but I seem to be missing some small step

This is my module.xml in the root of my classpath

xml
<module>
    <components>
        <component file="assets/haxeui/zoom_selector.xml" class="ui.ZoomSelector" alias="ZoomSelector" />
    </components>
</module>

This is the xml for the component

xml
<hbox>
    <button id="decreaseButton" text="-" verticalAlign="center" />
    <label id="zoomLabel" text="1" width="16" verticalAlign="center" />
    <button id="increaseButton" text="+" verticalAlign="center" />
</hbox>

This is my ZoomSelector class:

haxe
package ui;

import haxe.ui.containers.HBox;

@:build(haxe.ui.macros.ComponentMacros.build("assets/haxeui/zoom_selector.xml"))
class ZoomSelector extends HBox
{
    public function new()
    {
        super();
        
        increaseButton.onClick = onIncreaseClicked;
        decreaseButton.onClick = onDecreaseClicked;
    }

    function onIncreaseClicked(e: MouseEvent)
    {
        trace("teste");
    }

    function onDecreaseClicked(e: MouseEvent)
    {
        trace("teste");
    }
}

And this is how I'm adding the zoom-selector to my layout hierarchy

xml
<zoom-selector />

The component is appearing, but it's not linked to the haxe class

nvm, I was following the module guide, but there is a custom component guide, I'm on it now

Actually, a read it through and I'm still struggling

Ok I managed to get it working. But for some reason, binding is not working:

haxe
package ui;

import haxe.ui.events.MouseEvent;
import haxe.ui.containers.HBox;

@:build(haxe.ui.macros.ComponentMacros.build("assets/haxeui/zoom_selector.xml"))
class ZoomSelector extends HBox
{
    public function new()
    {
        super();
    }

    @:bind(zoomLabel.text)
    public var textfieldText:String = "10";

    @:bind(decreaseButton, MouseEvent.CLICK)
    function onDecrease(e)
    {
        var n = Std.parseInt(textfieldText) - 1;
        textfieldText = Std.string(n);
    }

    @:bind(increaseButton, MouseEvent.CLICK)
    function onIncrease(e) {
        var n = Std.parseInt(textfieldText) + 1;
        textfieldText = Std.string(n);
    }
}

This gives me

{ text : Unknown<0> } should be haxe.ui.core.Component
{ text : haxe.ui.util.Variant } should be haxe.ui.core.Component

The problem goes away when I comment out the value binding (textFieldText)

And an additional question, is it possible to access attributes from a custom component? Say I wanted a "max" and "min" attribute values

What about integrating the "value" of the component and onChange callbacks?

haxe
    @:bind(zoomLabel.text)
    public var textfieldText:String = "10";

looks fine to me, ill check it out. > What about integrating the "value" of the component and onChange callbacks? Im not sure i follow, you could get the value from

e.target.value

if you wanted, no?

I mean, my component extends a HBox which I suppose has no implementation of value

And also no implementation of onChange

but to the outside I want to forward the onChange of the internal label and also its value (possibly converting it to float or int?)

What about this?

sure (if im understanding correctly), class props can be used in xml... is that what you mean?