Liaison avec la FGT

[anonymesix]

Hello Volandos,

J'ai le même problème qu'Audrey, et je suis sous Linux, donc je pense qu'on devrait le retrouver aussi sous Mac.

Le problème n'est pas la suppression des trois petites lignes pour agrandir, ni que l'on ne puisse obtenir de lignes vides supplémentaires, mais que le redimensionnement effectué pour agrandir la zone de saisie est annulé : la zone revient à sa taille initiale, avant l'agrandissement.

[Ermina]

J'ai le même problème, je suis sous windows avec comme navigateur chrome.

[Volandos]

Hello,

Hello Volandos,

J'ai le même problème qu'Audrey, et je suis sous Linux, donc je pense qu'on devrait le retrouver aussi sous Mac.

Le problème n'est pas la suppression des trois petites lignes pour agrandir, ni que l'on ne puisse obtenir de lignes vides supplémentaires, mais que le redimensionnement effectué pour agrandir la zone de saisie est annulé : la zone revient à sa taille initiale, avant l'agrandissement.

J'ai le même problème, je suis sous windows avec comme navigateur chrome.

Mais moi, je ne l'ai pas. (Mac Monterey et Firefox). Je viens de poster un long truc dans mon challenge. J'avais la barre verticale de l'ascenseur et la case d'agrandissement. J'ai passé mon temps à user de la touche entrée pour aller souvent à la ligne. J'ai même réduit la case de saisie pour faire réapparaitre l'ascenseur sans aucun problème.
Je viens de rééditer l'opération.
J'ai réduis la case, l'ascenseur est là. Je tape Entrée, l'ascenseur disparait, car la case s'agrandit automatiquement pour se positionner juste sous la ligne que j'écris.

Pourriez-vous me décrire étape par étape comment votre case d'agrandissement disparait.


PS Avez-vous vidé vos caches ?

[anonymesix]

Le problème ne concerne ni la barre verticale de l'ascenseur ni la case d'agrandissement, mais uniquement la taille de la fenêtre.

1) coller un texte assez long pour faire apparaître l'ascenseur
2) agrandir la fenêtre jusqu'à ce que l'ascenseur disparaisse
3) placer le curseur de souris à la fin de la dernière ligne et taper sur la touche entrée

L'ascenseur réapparaît. La taille de la fenêtre de saisie diminue pour retrouver la taille initiale (avant l'étape 2)

[anonymesix]

Je pense que ta manip ne fait pas apparaître le problème car tu n'utilises pas la case d'agrandissement pour redimensionner la fenêtre de saisie.

En effet, la fenêtre se redimensionne automatiquement quand tu agrandis la taille du texte en tapant des caractères au clavier. Pour reproduire le problème, il faut passer par l'étape 2 ci-dessus.

[Ermina]

Quand j'édite un post assez long et que le textarea a une barre de scroll, sa hauteur maximale a ce moment-là est fixée à 496px chez moi. Je pense que c'est le javascript que le fait.

J'agrandis le textarea, par exemple jusqu'à une hauteur de 672px.

Ensuite, quand je clique sur la zone de texte et que j'appuie sur entrée, le textarea est automatiquement redimensionné à sa hauteur initiale de 496px. Cependant, le zone avec les trois barres est toujours visibles.

(ça doit se passer du côté de la fonction qui avait mis un resize à none, je suppose)

[anonymesix]

En fait, il n'est même pas nécessaire d'utiliser la touche entrée : n'importe quelle touche donne le même résultat, à savoir un redimensionnement intempestif. Et il n'est pas non plus nécessaire de placer le curseur en fin de texte.

Je soupçonne un événement key press ou key up de déclencher la fonction setHeight dont parlait Ermina précédemment avec un paramètre inapproprié

[Volandos]

hey, Trambert de Cuildi,

Le Volandos comprend vite, mais il faut lui expliquer longuement.
En effet, je peux alors reproduire le problème en opérant comme tu le détailles.
Un premier déboggage fait apparaitre la réutilisation à chaque rafraichissement de la fenêtre de la fonction

Code : Tout sélectionner

function autoResize(item)

qui repositionne la case dans la configuration de base.
Donc il faudrait modifier la fonction pour qu'elle ne réapplique pas les dimensions données par Ermina.
De même, le débogage montre que les événement key press ou key up se déclenchent avec la fonction setHeight à chaque rafraichissement.
À suivre.

[Volandos]

Hey,

Voila tout le code qui se réapplique à chaque rafraichissement de la fenêtre.

Spoiler: montrer

Code : Tout sélectionner

// Modification 30 mars 2022 par Volandos : Changé resize: 'none' en resize: 'vertical'
// afin que les cases se redimensionnent en présence d'un ascenseur.
	function autoResize(item) {
		function setHeight(height) {
			height += parseInt($item.css('height'), 10) - $item.innerHeight();
			$item
				.css({ height: height + 'px', resize: 'vertical' })
				.addClass('auto-resized');
			configuration.resizeCallback.call(item, $item);
		}

		var windowHeight = $(window).height();

		if (windowHeight < configuration.minWindowHeight) {
			resetAutoResize(item);
			return;
		}

		var maxHeight = Math.min(
				Math.max(windowHeight - configuration.heightDiff, configuration.minHeight),
				configuration.maxHeight
			),
			$item = $(item),
			height = parseInt($item.innerHeight(), 10),
			scrollHeight = (item.scrollHeight) ? item.scrollHeight : 0;

		if (height < 0) {
			return;
		}

		if (height > maxHeight) {
			setHeight(maxHeight);
		} else if (scrollHeight > (height + 5)) {
			setHeight(Math.min(maxHeight, scrollHeight));
		}
	}

	$items.on('focus change keyup', function() {
		$(this).each(function() {
			autoResize(this);
		});
	}).change();

	$(window).resize(function() {
		$items.each(function() {
			if ($(this).hasClass('auto-resized')) {
				autoResize(this);
			}
		});
	});
};

[anonymesix]

Bon courage pour modifier ce code ; m'est avis qu'on risque fort de mettre un sacré pataquès

J'ai comme l'impression que l'instruction "resize: none" avait pour objectif d'empêcher l'utilisateur de vouloir augmenter la hauteur de la zone de saisie quand la hauteur maximale était atteinte. L'idée serait la suivante : la zone de saisie se resize automatiquement en fonction du contenu tapé par l'utilisateur avec ses petits doigts, puis, une fois une certaine taille atteinte, l'ascenseur dans la zone de saisie entre en action.

J'ai fait des tests en réduisant la taille de la fenêtre de mon navigateur, pour essayer de comprendre les intentions. Je suis arrivé tout naturellement à faire apparaître deux ascenseurs : l'un dans la fenêtre de mon navigateur, et l'autre dans la zone de saisie. Il me semble que notre objectif est d'éviter d'avoir à scroller avec des ascenseurs. Mais la taille de nos écrans est limitée.

Il faudrait donc que cette limite à l'agrandissement de la zone de saisie soit augmentée.

Cependant, cela n'a pas de sens d'augmenter la hauteur de la zone de saisie à tel point qu'il faille utiliser l'ascenseur de la fenêtre du navigateur ! Je ne sais pas si je suis clair. Je l'explique dans le post suivant.

[anonymesix]

Je propose la manipulation suivante :
1) Réduire la hauteur de la fenêtre de son navigateur de telle sorte que la zone de saisie ne soit pas entièrement visible sur l'écran

On note qu'il n'y a pas d'ascenseur vertical dans la zone de saisie.

2) Coller un texte assez long pour faire apparaître l'ascenseur dans la zone de saisie, par exemple un extrait de 15k venant des papyrus. La lecture de ce texte est difficile, parce que le maxHeight est trop important pour la hauteur de la fenêtre du navigateur. L'ascenseur ne permet pas de descendre tout en bas.

Code : Tout sélectionner

if (height > maxHeight) {
			setHeight(maxHeight);

Spoiler: montrer

Capture d’écran_2022-04-03_12-05-47.png (181.01 Kio) Consulté 560 fois

Mais, grâce à la molette de souris ça marche ! Miracle

Naturellement c'est le contraire quand la fenêtre du navigateur est "grande" : le maxHeight est trop "petit" pour qu'on puisse en profiter.

[Volandos]

Bonjour, Trambert de Culdi,
pour tes observations.

Bon courage pour modifier ce code ; m'est avis qu'on risque fort de mettre un sacré pataquès

En effet. Et c'est là qu'est le risque. Non pas de planter le forum, mais d'augmenter le temps que nous consacrons aux mises-à-jour.
Il faut savoir que Doubar et moi, nous y passons une bonne heure via Skype. Certes, il n'y a pas 60 minutes de pur travail, on cause aussi, mais on doit souvent attendre qu'une opération se soit exécutée. Ensuite, il nous faut aller vérifier chaque fichier que nous avons modifié. Actuellement, ils sont six dont un est répliqué trois fois dans chacun des trois styles disponibles.
Certes, nos tutos nous permettent d'aller vite droit au but sans avoir à chercher.
Or, le fichier core.js comme son nom l'indique est au cœur du PHPBB et il est le premier à avoir été modifié par les programmeurs.

Cela dit, je vais tranquillement appliquer tes procédures et poursuivre l'étude en grande partie pour mieux comprendre comment fonctionne PHPBB.

Je vous tiendrai au courant.

[Rôdrey_Audrey]

ça ne marche pas.

[Volandos]

ça ne marche pas.

Hey,

Ça dépend comment ça ne marche pas.
Après avoir vidé mes cookies du forum,
J'ai ouvert cet éditeur. Sur mon écran, il arrive à l'icône de la grenouille perplexe. (300 pixels)
J'ai agrandi la zone de saisie jusqu'à la tournée de nénuphou. (435 px)
J'ai tapé la suite, la case a légèrement rétrécie. (387 px)
J'ai continué à taper.
La case n'a pas bougé.
Je l'ai agrandie jusqu'à m. vert. (581 px)
La case est revenue à la tournée de nénuphou.
Je l'ai ré-agrandie.
Elle réitère son comportement.
Mais lorsque j'ouvre l'inspecteur de code, madame la case de saisie reste dans la hauteur que je lui ai donnée soit actuellement 481,667 px bien que je continue à saisir ce texte.
Et les retour chariots n'ont aucun effet sur la taille.
Si je referme l'inspecteur, la case se redimensionne à 319 px.

Tout ce laius (il faut bien que je justifie ma signature) pour vous dire que je continue à bosser sur ce truc.

sur vous.

[Rémi]

Bon courage Volandos!
Ah ça ira, ça ira, ça ira!
Le JavaScript on l'aura!