creoart / jquery.textareafullscreen Goto Github PK

I am suggesting removing lines 3, 4 and 15 in CSS files which are used to define fixed width and height as they are not allowing component to shrink and grow according to screen size.

Without those lines component is acting perfectly.

When the textarea is within a modal bootstrap the overlay is only within the modal.
The overlay should always occupy the entire screen, even the textarea being within the modal.

Understand the problem?

View a sample http://postimg.org/image/7bpm9c1t5/

Is there a way to make this open using a keyboard combination? I don't like those focusable fullscreen buttons which don't have any alternative text (accessibility complaint).

Hello,
Thank you for the script

I added a class to the textarea in the line insert javascript file
htmlRows += '<textarea name="secenek[]" class="full_screen"></textarea>';

Thank you in advance

While adding multiple textarea on the page, it seems only single reference will be created of the full screen text area which is added at the last. If you want to edit first text area and you click on the image full screen text area is opening however it's having a text of last text area.

You can find issue at: https://jsfiddle.net/8oxm3v58/1/

When I have opened the fullscreen and tab away from it, I'd like to have it close automatically. Any way to do this?

I have 2 Text Area in my Page as below

$('#txtShortDescription').textareafullscreen({
overlay: true, // Overlay
maxWidth: '60%', // Max width
maxHeight: '80%' // Max height
});
$('#txtLongDescription').textareafullscreen({
overlay: true, // Overlay
maxWidth: '60%', // Max width
maxHeight: '80%' // Max height
});

Full screen opens for both but when we enter text it assigned to last one only.
Is it bug in the JS or I am making some mistake!
I don't know.
Please guide me.